/* CSS Document */ /* 通用属性 */ * {margin:0;padding:0;list-style:none;} body {font-size:14px;color:#000;/* font-family:Microsoft YaHei,sans-serif; */} img { border:0; vertical-align:top; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } html, body {width:100%;height:100%;max-width: 100%;min-width: 320px;} address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;} ::-webkit-scrollbar{width: 8px;height: 8px;} ::-webkit-scrollbar-thumb{background-color: hsl(143 61% 41% / 0.6);-webkit-transition: background-color .3s;transition: background-color .3s;} ::-webkit-scrollbar-track{background: rgba(255,252,252,.11);} /* a */ a { color:#333; text-decoration:none; } a:visited { } a:active, a:hover{text-decoration:none;color:#0B74CE;} a:focus{outline:none;text-decoration:none;} h1,h2,h3,h4,h5,h6{font-weight:normal;} h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;} :focus{outline: none;} .ovfl{overflow: hidden;} .flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .dh300s{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} ::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .dhwz2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .mar0a{margin: 0 auto;} .con-fff{width:100%;height:100%;position:relative;} .bgf8{background:#f8f8f8;} .bgfff{background:#fff;} .fl {float:left;} .fr {float:right;} input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } table {border-collapse:collapse; border-spacing:0;} table td, table th{padding: 5px 10px;border: 1px solid #ddd;} .container1{ width:100% } .top .row{ margin-left: 0; margin-right: 0;} @media (min-width: 1270px){ .container{width: 1240px;} } @media (min-width: 1370px){ .container{width: 1340px;} } @media (min-width: 1470px){ .container{width: 1440px;} } @media (max-width:767px) { .container{padding-left: 10px;padding-right: 10px;width: 100%;} .row{margin-left: -10px;margin-right: -10px;} } @font-face{ font-family:ch; /*为引入的字体命名*/ src:url(../font/timesbd.ttf); /*定义要引dao入字体文件的路dao径*/ } /* 头部 */ .top111{line-height: 46px;height: 46px;background: #f7f8fc;padding: 0 42px;position: relative;} .top111 p{color: #9ba2a7;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 14px;} .top111 p b{font-weight: normal;color: #000;} .top111 em{font-size: 15px;position: absolute;right: 0;top: 0;width: 640px;padding: 3px 20px;background: url(../image/top-dh.png) #0B74CE 64px no-repeat;color: #fff;padding-left: 100px;padding-top: 2px;border-radius: 0px 0px 0px 60px;} .top111 em span{font-size: 22px;position: relative;top: 2px;font-family: arial;} .top111 em img{left: -18px;top: 0;position: absolute;display: none;} header {height: 166px;position: fixed;top: 0;width: 100%;z-index: 1000;transition: all .3s;-webkit-transition: all .3s;background: #fff;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);} header .top .top_l {display: flex;overflow: hidden;vertical-align: middle;align-items: center;float: left;height: 120px;padding-left: 48px;} header .top .top_l a { display: block; } header .top .top_l a img {max-width: 100%; vertical-align: middle;align-items: center;} header .top .top_l .top_l_r {padding-left: 30px;position: relative;display: none;} header .top .top_l .top_l_r::after { position: absolute; content: ''; height: 100%; width: 1px; left: 15px; top: 0; background: #d5d5d5; } header .top .top_l .top_l_r h2 { font-size: 24px; color: #444; font-weight: bold; display: block; padding-top: 6px;} header .top .top_l .top_l_r h2 em { color: #f67d00; font-weight: bold; } header .top .top_l .top_l_r span { font-size: 16px; color: #666; line-height: 2; display: block; padding-top: 3px;} header .top .top_r {float: right;position: relative;overflow: hidden;display: block;} header .top .top_r>ul {float: left;padding-right: 42px;} .top-albb{float: left;padding-left: 20px;padding-right: 32px;position: relative;top: 38px;right: 10px;} .top-albb img{} header .top .top_r>ul>li { float: left; } .nav>li{float: left;margin-right: 66px;position:relative;} .nav>li:last-child{margin-right: 0;} .nav>li>a{display: block;font-size: 18px;padding: 0;color: #444;position: relative;line-height: 120px;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .nav>li.cur>a {color: #0B74CE;font-weight: bold;} .nav>li:hover>a { color: #0B74CE;font-weight: bold; } .nav>li:last-child>a::before{display:none;} .nav>li>a::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;transition: all .2s;-webkit-transition: all .2s;} .nav>li:hover>a::after, .nav>li.cur>a::after{/* border-top: 0; *//* border-left: 5px solid transparent; *//* border-right: 5px solid transparent; *//* border-bottom: 6px solid #0B74CE; */background: url(../image/yiyi.png) center no-repeat;top: 68px;} #header:hover .nav>li>a::after, #header.active .nav>li>a::after{background-color: #0B74CE;} .nav>li>a:focus, .nav>li>a:hover { background: none; } header .top .top_r ul .zx { align-items: center; padding-left: 10px;position: absolute;width: 320px;right: 0;} header .top .top_r ul .zx img { display: block; max-width: 100%; } header .top .top_r ul .zx p{ font-size: 18px; color: #fff; font-weight: bold; line-height: 1.1; background: #ee3333;padding: 10px; } .header_space { width: 100%;height: 166px;display: block; } /*导航下拉*/ header .top .top_r ul li .xiala {position: fixed;background: rgba(255,255,255,1);width: 100vw;top: 166px;left: 0;z-index: 999;display: none;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} header .top .top_r ul li .xiala .container { padding:40px 120px 40px 40px; } header .top .top_r ul li .xiala .container .nav2_r { float: right; width: 25%;} header .top .top_r ul li .xiala .container .nav2_r img { display: block; max-width: 100%; } header .top .top_r ul li .xiala .container .nav2_l {float: left;width: 70%;position: relative;} header .top .top_r ul li .xiala .container .nav2_l .desc { overflow: hidden; padding-bottom: 32px;} header .top .top_r ul li .xiala .container .nav2_l .desc .en { font-size: 30px;line-height: 40px;color: #333;} header .top .top_r ul li .xiala .container .nav2_l .desc .list { font-size: 14px;line-height: 24px;margin-top: 10px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} header .top .top_r ul li .xiala .container .nav2_l .nav-er-list {/* margin-top: 40px; */overflow: hidden;float: left;line-height: 32px;} header .top .top_r ul li .xiala .container .nav2_l .nav-er-list a{ display: inline-block; } header .top .top_r ul li .xiala .container .nav2_l .nav-er-list a span {font-size: 14px;line-height: 24px;color: #666;margin-right: 20px;/* padding-right: 20px; */transition: all 0.5s;background: url(/staticres/images/yy.png) no-repeat right center; border: 1px solid #ccc;text-align: center;display: block;padding: 2px 10px;} header .top .top_r ul li .xiala .container .nav2_l .nav-er-list:hover a span{ background:#0B74CE; color:#fff } //header .top .top_r ul li .xiala .container .nav2_l .nav-er-list:hover a span { color: #0B74CE; background: url(/staticres/images/yy_on.png) no-repeat right center;} header .top .top_r ul li .xiala .container .nav-box { overflow: hidden; } header .top .top_r ul li .xiala .container .nav-box>span { font-size: 22px; line-height: 40px;color: #333;overflow: hidden; display: block; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr { overflow: hidden; margin-top: 20px; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box { margin-bottom: 20px; overflow: hidden; padding:10px;} header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box:hover { background: #f9f9f9; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box a { display: block; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box a .nav3-box_l { width: 20%; float: left;} header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box a .nav3-box_r { float: right; width: 80%; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box a .nav3-box_r .nav3-box_r_t { font-size: 16px;line-height: 1.5;color: #333;margin-bottom: 5px; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr .nav3-box a .nav3-box_r .nav3-box_r_desc { font-size: 14px;line-height: 1.6;color: #999; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr>.nav3-pro { display: block; padding-left:0; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr>.nav3-pro a { display: block; text-align: center; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr>.nav3-pro a>dt { display: block; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr>.nav3-pro a>dt img { max-width: 100%; display: block; border:1px solid #ddd; } header .top .top_r ul li .xiala .container .nav-box>.nav-box_nr>.nav3-pro a p { font-size: 14px; color: #454545; line-height: 3; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } header .top .top_r ul li .xiala .container .nav2_l .nav-er-list .nypro-nav2 {display: none;transition:0.3s;float: left;margin-right: 20px;} header .top .top_r ul li .xiala .container .nav2_l .nav-er-list .ppp1 { position: absolute;} header .top .top_r ul li .xiala .container .nav2_l .nav-er-list .nypro-nav2 a {font-size: 14px;color: #666;line-height: 1.8;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;} header .top .top_r ul li .xiala .container .nav2_l .nav-er-list .nypro-nav2 a:hover { color: #0B74CE; } header .top .top_r ul li .xiala .container .nav2_l .nav-er-list:hover .nypro-nav2 { display: block; } /*小屏幕导航*/ #m-head-nav{height: 16px;position: relative;float: right;display:none;margin-left: 20px;width: 24px; z-index: 99999;} #m-head-nav .line{width: 24px;height: 2px;background-color: #0B74CE;position: absolute;left: 0px;top: 7px;} #m-head-nav .line1{margin-top: -7px;} #m-head-nav .line3{margin-top: 7px;} #m-head-nav[data-active="on"] .line1{margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} #m-head-nav[data-active="on"] .line2{display: none;} #m-head-nav[data-active="on"] .line3{margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} #header:hover #m-head-nav .line, #header.active #m-head-nav .line{background-color:#0B74CE;} .mm-nav-box{overflow:hidden;position: fixed;top: 0;right: 0;width: 100%;height: 100%;z-index: 99999;display: none;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);} .mm-nav-box[data-on="active"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);top: 130px;} .mm-nav-box .mm-wrap{position: fixed;top: 0;right: 0;width: 40%;padding-bottom: 15px;z-index: 100;border-top: 1px solid rgba(0,0,0,.15);box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);} .mm-nav-box .mm-wrap:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: -1;} .mm-nav-box .mm-nav .li1{margin: 0 20px;line-height: 60px;border-bottom: 1px solid rgba(0,0,0,.15);} .mm-nav-box .mm-nav .li1 .a1{display: block;color: #222222;font-size: 16px;} .mm-nav-box .mm-nav .li1.on .a1{color: #e00000;} .mm-nav-box .mm-nav .li1.on .mm-title{border-color: #e00000;} .mm-nav-box .mm-nav .li1 .mm-title{position: relative;height: 45px;line-height: 45px;} .mm-nav-box .mm-nav .li1 .mm-title .am{display:block;width:100%;height:100%;} .mm-nav-box .mm-nav .li1 .mm-title .a1{position: absolute;top: 0;left: 0;height: 100%;z-index: 10;} .mm-nav-box .mm-nav .li1 .mm-title .click{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .mm-nav-box .mm-nav .li1 .mm-title .click:after{content: "";position: absolute;top: 50%;right: 20px;width: 6px;height: 6px;border-top: 1px solid #222222;border-right: 1px solid #222222;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-top: -3px;} .mm-nav-box .mm-nav .li1 .mm-title .mclick{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .mm-nav-box .mm-nav .li1 .mm-title .mclick a{display:block;width:100%;height:100%;} .mm-nav-box .mm-nav .li1.on .mm-title .click:after{border-color: #e00000;} .mm-nav-box .mm-nav .li1 .mm-innav{display: none;padding: 6px 0;} .mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{display: block;border-top: 1px solid rgba(0,0,0,.15);} .mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .mm-nav-box .mm-nav .li1[data-on="click"] .a1{color:#0B74CE} .mm-nav-box .mm-nav .li1 .mm-innav li{margin: 0 10px;border-bottom: 1px solid rgba(255,255,255,.4);line-height: 1;text-align: left;} .mm-nav-box .mm-nav .li1 .mm-innav li a{color: #222222;font-size: 14px;line-height: 1.4;display: block;padding: 6px 0;} .mm-nav-box .mm-nav .li1 .mm-innav li a:hover{color:#0B74CE} .mm-nav-box .mm-nav .li1 .mm-innav li .box2{margin: 0 15px;} .mm-nav-box .mm-wrap .mmlang{padding: 0 10px;font-size: 0;display: none;} .mm-nav-box .mm-wrap .mmlang .mmitem{height: 55px;line-height: 55px;width: 50%;font-size: 14px;color: #222222;display: inline-block;*display: inline;*zoom: 1;text-align: center;} .mm-nav-box .mm-wrap .mmlang .mmitem.on{color: #e00000;} .htop-aa{float: right;padding-top: 1px;} .htop-aa a{line-height: 36px;height: 36px;padding: 3px 15px;border-left: 1px solid #fff;color: #fff;} .htop-aa a span{color: #fff;font-size: 15px;/* line-height: 42px; */display: inline-block;position: inherit;padding-left: 6px;} @media(max-width: 1710px) { .nav>li { margin-right: 35px; } } @media(max-width: 1610px) { .nav>li { margin-right: 30px; } header .top .top_l a {/* width: 256px; */} header .top .top_l .top_l_r h2 { font-size: 18px; } header .top .top_l .top_l_r span { font-size: 15px; } } @media(max-width: 1510px) { .nav>li {margin-right: 28px;} header .top .top_l a {} header .top .top_r ul .zx p { font-size: 18px; } } @media(max-width: 1410px) { .nav>li {margin-right: 22px;} header .top .top_r{ margin-right:20px; } header .top .top_r>ul{ padding-right:32px; } } @media(max-width: 1310px) { .nav>li {margin-right: 20px;} header .top .top_l .top_l_r { display: none; } header .top .top_r>ul{ padding-right: 24px;} } @media(max-width: 1199px) { .search_box .box { margin: 23px 20px 0 0; } header { height: 130px; } .header_space { height: 130px; } header .top .top_l {height: 84px;} header .top .top_r ul .zx { display: none; } .nav>li>a {line-height: 84px;font-size: 16px;} .nav>li {margin-right: 32px;} .top-albb{ display:none; } header .top .top_l a {width: 240px;} .nav>li:hover>a::after, .nav>li.cur>a::after{top: 54px;} header .top .top_r>ul{ padding-right: 0;} } @media(max-width: 991px) { .wap_nav {height: 84px;display: flex;align-items: center;} header .top .top_r>ul>li { display: none; } .mm-nav-box { display: block; } #m-head-nav {display: block;margin-right: 0px;margin-top: 0px;} header .top .top_l .top_l_r {display: none;} .top111 em{display:none;} } @media(max-width: 767px) { header {height: 72px;} .header_space {height: 72px;} header .top .top_l {height: auto;padding-top: 16px;padding-left: 16px;} header .top .top_l .top_l_r { display: none; } .search_box .box { width: 280px; } .search_box input[type=text] { width: 240px; } .mm-nav-box .mm-wrap { width: 100%; } .mm-nav-box[data-on="active"] { top: 72px; } .mm-nav-box .mm-nav .li1 .mm-title .a1 { font-size: 14px; color: #454545; } .mm-nav-box .mm-nav .li1 .mm-innav li a { color: #777; } header .top .top_l a {width: 190px;} .wap_nav {height: 72px;} .top111{ display:none } header .top .top_r>ul{ padding-right:0; } } /* 轮播图 */ #banner{position:relative;} #banner video{width:100%;display:block;} #banner .swiper-slide a{display:block;} #banner .swiper-slide img{display:block;max-width:100%;} #banner .swiper-pagination{bottom:40px;font-size:0;width: auto;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,0.2);padding: 8px 15px;border-radius: 20px;} #banner .swiper-pagination-bullet{width: 13px;height: 13px;opacity:1;border-radius: 10px;background: rgb(255 255 255 / 80%);position:relative;margin: 0 4px;} #banner .swiper-pagination-bullet-active{background: #0B74CE;width: 13px;} #banner .swiper-button-prev, #banner .swiper-button-next{width:46px;height:46px;background:url(../image/ban-jt.png) no-repeat center left;border:1px solid #fff;border-radius:50%;transition:all .3s;-webkit-transition:all .3s;} #banner .swiper-button-prev{left:-115px;} #banner .swiper-button-next{right:-115px;transform: rotate(180deg);} #banner:hover .swiper-button-prev{left:115px;} #banner:hover .swiper-button-next{right:115px;} #banner .swiper-button-prev:hover, #banner .swiper-button-next:hover{background:url(../image/ban-jt.png) no-repeat center left -46px #fff;box-shadow: 0 0 3px 0px rgb(200 200 200 / 80%);} @media (max-width: 1400px){ #banner .swiper-button-prev{left:60px;} #banner .swiper-button-next{right:60px;} } @media (max-width: 767px){ #banner .swiper-pagination{bottom:20px;} #banner .swiper-pagination-bullet{border:none;} #banner .swiper-button-prev, #banner .swiper-button-next{display:none;} } @media (max-width: 450px){ #banner .swiper-pagination{bottom: 5px;padding:8px;} #banner .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;} } /*搜索*/ .search {line-height: 72px;height: 72px;display: block;overflow: hidden;border-bottom: 1px solid #ccc;} .search .gjc {float: left;padding-left: 28px;background: url(../image/huo.png) left no-repeat;} .search .gjc em {font-size: 18px;color: #0B74CE;font-weight: bold;position: relative;top: 2px;} .search .gjc span {font-size: 14px;color: #0B74CE;padding-left: 5px;font-weight: bold;} .search .gjc a { font-size: 14px; color: #666666; } .search .gjc a:hover { color: #0B74CE; } .search .sc { float: right; } .search .sc form {width: 348px;height: 56px;padding-top: 12px;border-bottom: none;border-top: none;background: #ffffff;display: block;} .search .sc form .tt {font-size: 14px;color: #999;float: left;line-height: 44px;padding-left: 24px;width: calc(100% - 72px);border: 1px solid #ccc;border-right: none;border-radius: 30px 0px 0px 30px;} .search .sc form .s_bt {float: right;width: 72px;height: 46px;color: #fff;display: block;border-radius: 0 30px 30px 0;font-size: 0;background: url(../image/fdj.png) no-repeat center #0B74CE;} .skt{float: left;padding-left: 48px;padding-right: 16px;margin-top: 15px;background: url(../image/dianhua.png) left no-repeat;border-right: 1px solid #ccc;} .skt h2{font-size: 14px;padding-top: 3px;} .skt p{line-height: 30px;font-size: 18px;font-weight: bold;} @media(max-width: 1430px) { .search .gjc{width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} } @media(max-width: 1260px) { .search .gjc{width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} } @media(max-width: 1200px) { .search .sc form{ width:320px; } .search .sc form .s_bt{ width: 62px; } } @media(max-width: 992px) { .search .sc form {width: 100%;} } @media(max-width: 767px) { .search {height: auto;padding-left: 10px;padding-right: 10px;line-height: 32px;} .search .gjc em { display: none; } .search .gjc {width: 60%;height: 72px;line-height: 72px;overflow: hidden;padding-left: 30px;} .search .gjc span { color: #0B74CE; } .search .sc { float: none; display: inline-block; margin: 0 auto; width: 100%; } .search .sc form {margin: 0px auto 0px auto;/* border: 1px solid #eee; */} } @media(max-width: 500px) { .search { line-height: normal; padding: 0 0;} .search .container{} .search .sc form {margin: 5px auto 10px auto;width: 100%;/* border: 1px solid #eee; */height: 42px;padding-top: 0;} .search .gjc{width: 100%;height: 48px;line-height: 48px;} .skt{border-right: none;position: relative;left: 50%;transform: translateX(-50%);} .search .sc form .tt{line-height: 40px;} .search .sc form .s_bt{height: 42px;width: 72px;} } /* 首页标题 */ .sy-tit{padding:0 10px;text-align: center;} .sy-tit h2{font-size: 42px;color: #444;font-weight: bold;} .sy-tit h2 em{ font-weight: bold;color: #0B74CE;} .sy-tit p{color: #666;font-size: 18px;margin-top: 3px;padding: 10px 0;text-transform:uppercase;font-family:Arial;} .sy-tit i{background: url(../image/sy-tit-img.png) center no-repeat;height: 20px;width: 90px;display: inline-block;} @media only screen and (max-width:1199px){ .sy-tit h2{font-size: 38px;} .sy-tit p{font-size: 16px;margin-top: 5px;} } @media only screen and (max-width:767px){ .sy-tit h2{font-size: 30px;} .sy-tit p{font-size: 14px;margin-top: 5px;} } @media only screen and (max-width:500px){ .sy-tit h2{font-size: 26px;} } /*lm1*/ #sy-lm1{padding: 50px 0;background: #f4f4f4;padding-bottom: 0px;} .lm1-nr{} .lm1-shang{} .lm1-wz{ float: left; } .lm1-wz h2{ font-size: 48px; font-weight: bold; } .lm1-wz p{ font-size: 28px; padding-top: 12px; } .lm1-xia{float: right;} #sy-lm1 .main {display: flex;padding-bottom: 20px;padding-top: 42px;} #sy-lm1 .main .stat-items {flex: 1;position: relative;text-align: center;border-left: 1px solid #cccc;} .sss1{ text-align: left; display: inline-block;} #sy-lm1 .main .stat-items:nth-child(4){ border-right:1px solid #ccc } #sy-lm1 .main .stat-items .stat-items-t-box .stat-items-t {font-size: 78px;font-weight: bold;color: #333;font-family: ch;line-height: 78px;} #sy-lm1 .main .stat-items .stat-items-t-box .stat-items-unit {font-size: 16px;color: #fff;position: relative;top: -6px;left: 6px;background: #0B74CE;border-radius: 20px;width: 28px;height: 28px;line-height: 28px;display: inline-block;text-align: center;} #sy-lm1 .main .stat-items p{font-size: 18px;color: #666;padding-left: 6px;} @media only screen and (max-width: 1440px){ } @media only screen and (max-width: 1366px){ } @media only screen and (max-width: 1199px){ } @media only screen and (max-width: 991px){ } @media only screen and (max-width: 767px){ #sy-lm1 .lm1-wz h2{ font-size: 28px;} #sy-lm1 .lm1-wz p{ font-size: 16px; padding-bottom: 12px; line-height: 24px;} } @media only screen and (max-width: 500px){ .lm1-xia{ float:left; width: 100%; } .lm1-nr{ display: block; overflow: hidden; text-align: center;} .lm1-xia img{ display:inline-block } } /*lm2*/ #sy-pro{padding: 100px 0;background: url(../image/lm2-bj.jpg) top no-repeat;padding-bottom: 42px;} .top-40{ padding-top: 40px;} .pro-left{ width: 23%;} .pro-t{ text-align: center; padding: 30px 20px; background: url(../image/lm2-flbj.png) #0B74CE left no-repeat; border-radius: 24px 24px 0px 0px;} .pro-t h2{ font-size: 32px; font-weight: bold; padding-bottom: 10px; color: #fff;} .pro-t p{ font-size: 16px; color: #fff;} .pro-t i{} .pro-left ul{border-left: 4px solid #0B74CE;border-right: 4px solid #0B74CE;padding: 11px;padding-bottom: 10px;background: #f7f8fc;} .pro-lmtel{background: #0B74CE;padding: 33px 24px;} .lmtel{ padding-left: 60px; background: url(../image/pro-lmtel.png) left no-repeat;} .lmtel h2{ font-size: 16px; color: #fff; padding-bottom: 10px;} .lmtel p{color: #fff;font-size: 25px;line-height: 28px;font-weight: bold;} .pro-right{ overflow: hidden; } .lm1{ border: 1px solid #ccc; margin: 0 5px; margin-bottom: 33px;} .lm1 ul{} .lm1 ul li{} .lm1 .lm1-right{ padding: 0;} .lm1 .lm1-right a{} .lm1 .lm1-right a img{} .lm1-left{ padding: 50px 72px;} .lm1-left .lm1-shang{} .lm1-left .lm1-shang h2{font-size: 32px;color: #0B74CE;font-weight: bold;padding-bottom: 12px;padding-left: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .lm1-left .lm1-shang p{font-size: 16px;line-height: 24px;padding-bottom: 30px;padding-left: 10px;} .lm1-left .lm1-shang img{} .lm1 .lm1-img2{ width: initial !important;} .lm1-left .lm1-xia{ margin-top: 20px; padding-left: 12px; float:left;} .lm1-left .lm1-xia a{ text-align: center; height: 42px; line-height: 42px; display: inline-block; width: 164px; background: url(../image/cp-tu1.png) #0B74CE 20% no-repeat; padding-left: 28px; /* border: 1px solid #0B74CE; */ color: #fff; font-size: 15px; border-radius: 20px 0px 0px 20px;} .lm1-left .lm1-xia a:nth-child(2){border-radius: 0 20px 20px 0;text-align: center;height: 42px;line-height: 42px;padding-left: 16px;display: inline-block;width: 164px;background: url(../image/cp-tu2.png) #0b74ce 20% no-repeat;color: #fff;border-left: none;font-size: 15px;position: relative;right: 4px;border: inherit;} .pro-nr{} .pro-nr ul{} .pro-nr ul li{ padding: 0 5px;} .pro-nr ul li a{ border: 1px solid #e6e6e6; display: block;} .pro-nr ul li:hover a{ border:1px solid #0B74CE;} .cpimg{} .cpimg img{} .pro-nr ul li h4{font-size: 16px;line-height: 32px;background: url(../image/news-jt.png) #eee 90% no-repeat;padding: 10px 20px;color: #333;padding-right: 56px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .pro-nr ul li h4 i{} .pro-nr ul li:hover h4{ background:url(../image/news-jt2.png) #0B74CE 90% no-repeat; color:#fff } .lm1 .owl-prev{left: 41.6%;background: url(../image/sy-left.png) no-repeat;width: 40px;height: 58px;opacity: 1;} .lm1 .owl-next{ right: 0; background: url(../image/sy-left.png) no-repeat; width: 40px; height: 58px; opacity: 1;} .pro-left ul li { line-height: 48px; position: relative;} .pro-left ul li p {} .pro-left ul li p img { position: absolute; left: -24px; width: 284px; display: inline-table;} .pro-left ul li p a {font-size: 18px;color: #fff;position: relative;line-height: 54px;padding: 9px 0;padding-left: 54px;background: url(../image/cplm-1.png) 10% no-repeat;} .pro-left ul li:nth-child(2) p a{ background: url(../image/cplm-2.png) 10% no-repeat; } .cpxf { padding-bottom: 10px;} .cpxf a { width: 100%; display: block; font-size: 16px; line-height: 50px; border-bottom: 1px solid #dcdcdc; padding: 0 16px; padding-right: 40px; background: url(../image/cplm-3.png) 94% no-repeat;} @media only screen and (max-width: 1440px){ .pro-left ul li p img{ width: 266px; left: -23px;} .pro-left ul li{} .pro-left ul li p a{ line-height: 52px;} .pro-lmtel{ padding: 18px 20px;} } @media only screen and (max-width: 1366px){ .pro-left ul li p img{ width: 242px;} .pro-left ul li{} .pro-left ul li p a{ line-height: 48px; font-size: 16px;} .pro-lmtel{ padding: 20px 18px;} .cpxf a{ line-height: 42px; font-size: 15px;} .lm1-left .lm1-shang p{ font-size: 15px;} .lm1-left{ padding: 31px 72px;} .lmtel p{ line-height: 24px; font-size: 22px;} .lmtel{ padding-left: 54px;} .pro-t{ border-radius: 20px 20px 0 0;} } @media only screen and (max-width: 1199px){ .lm1-left{ padding: 28px 48px;} .lm1-left .lm1-xia{padding-left:0;margin-top: 12px;} .lm1-left .lm1-xia a:nth-child(2){ width: 138px;} .lm1-left .lm1-xia a{ width: 138px;} .pro-left{ display:none } .lm1 .lm1-right{/* width:100% */} .pro-right{ width:100%; } } @media only screen and (max-width: 991px){ .pro-left{ display:none } .pro-right{ width:100% } .lm1-left{} } @media only screen and (max-width: 767px){ .pro-right{ padding:0 } .lm1-left{ padding: 24px 16px;} .lm1-xia a,.lm1-xia a:nth-child(2){ width: 48%;} .top-40{ padding-top:20px; } #sy-lm1{ padding-top: 30px;} .lm1-left .lm1-shang p{padding-bottom: 10px;font-size: 16px;} .lm1-left .lm1-shang h2{padding-bottom:10px;font-size: 26px;} .pro-nr ul li{ margin: 5px 0;} .lm1{ margin-bottom:20px; } #sy-pro{ padding-bottom: 20px;} .lm1-xia{ margin-top:10px; } } @media only screen and (max-width: 500px){ } /*lm3*/ .sy-lm4{background-position: center;background-repeat: no-repeat;background-size: cover;padding: 64px 0;padding-bottom: 112px;} .lm4-nr{display: inline-block;width: 588px;padding-top: 32px;} .lm4-nr ul{} .lm4-nr ul li{width: 268px;float: left;padding: 12px 0;padding-left: 78px;margin-right: 20px;background: url(../image/lm4-m1.png) left no-repeat;margin-bottom: 30px;} .lm4-nr ul li h2{font-size: 24px;font-weight: bold;padding-bottom: 3px;} .lm4-nr ul li p{color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .lm4-more{position: relative;width: 93%;} .lm4-more p{background: #0B74CE;padding: 12px 20px;font-size: 20px;color: #fff;border-radius: 32px;margin-top: 16px;} .lm4-more p a{background: url(../image/ys-tel.png) #fff 85% no-repeat;padding: 9px 28px;border-radius: 32px;float: right;display: inline-block;position: absolute;top: 3px;right: 3px;padding-right: 60px;color: #0B74CE;} .lm4-nr ul li:hover h2{ color:#0B74CE; } .lm4-nr ul li:hover p{ color:#0B74CE; } .lm4-nr ul li:nth-of-type(1){ background: url(../image/lm4-m1.png) left no-repeat; } .lm4-nr ul li:nth-of-type(1):hover{ background: url(../image/lm4-m1-1.png) left no-repeat; } .lm4-nr ul li:nth-of-type(2){ background: url(../image/lm4-m2.png) left no-repeat; } .lm4-nr ul li:nth-of-type(2):hover{ background: url(../image/lm4-m2-1.png) left no-repeat; } .lm4-nr ul li:nth-of-type(3){ background: url(../image/lm4-m3.png) left no-repeat; } .lm4-nr ul li:nth-of-type(3):hover{ background: url(../image/lm4-m3-1.png) left no-repeat; } .lm4-nr ul li:nth-of-type(4){ background: url(../image/lm4-m4.png) left no-repeat; } .lm4-nr ul li:nth-of-type(4):hover{ background: url(../image/lm4-m4-1.png) left no-repeat; } .lm4-nr ul li:nth-of-type(5){ background: url(../image/lm4-m5.png) left no-repeat; } .lm4-nr ul li:nth-of-type(5):hover{ background: url(../image/lm4-m5-1.png) left no-repeat; } .lm4-nr ul li:nth-of-type(6){ background: url(../image/lm4-m6.png) left no-repeat; } .lm4-nr ul li:nth-of-type(6):hover{ background: url(../image/lm4-m6-1.png) left no-repeat; } .lm4-nr ul li:nth-of-type(7){ background: url(/staticres/images/lm4-m7.png) left no-repeat; } .lm4-nr ul li:nth-of-type(7):hover{ background: url(/staticres/images/lm4-m7-1.png) left no-repeat; } .lm4-nr ul li:nth-of-type(8){ background: url(/staticres/images/lm4-m8.png) left no-repeat; } .lm4-nr ul li:nth-of-type(8):hover{ background: url(/staticres/images/lm4-m8-1.png) left no-repeat; } @media only screen and (max-width: 1440px){ } @media only screen and (max-width: 1366px){ .lm4-more p{margin-top: 10px;} } @media only screen and (max-width: 1300px){ } @media only screen and (max-width: 1199px){ } @media only screen and (max-width: 991px){ } @media only screen and (max-width: 767px){ .sy-lm4{background:#eeedf2;padding-bottom: 30px;padding-top: 30px;} .lm4-nr{width:100%;padding-top: 20px;} .lm4-nr ul li{width: 48%;margin: 2% 1%;padding-left: 72px;} .lm4-nr ul li h2{ font-size: 20px;} .lm4-more{ width:100% } .lm4-more p{ padding: 8px 20px; font-size: 16px; text-align: center;} .lm4-more p a{ display:none } } @media only screen and (max-width: 500px){ } @media only screen and (max-width: 400px){ } /*lm4*/ #lm4-si{padding: 60px 0;background: #f7f8fc;position: relative;overflow: hidden;} .cp2{position: relative;z-index: 99;padding-top: 12px;} .cp2 ul{} .cp2 ul li{ padding: 26px; border-radius: 16px; background: #fff;} .cp2 ul li:hover{ background:#0B74CE } .cp2 ul li a{} .lm2-img1{} .lm2-img1 .img{} .lm2-text1{ padding-top: 16px;} .lm2-text1 h2{font-size: 20px;text-align: center;color: #111;padding: 10px 0;padding-bottom: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .lm2-text1 p{font-size: 16px;padding: 15px 0;color: #666;line-height: 24px;} .cp2 ul li:hover .lm2-text1 h2{ color:#fff; } .cp2 ul li:hover .lm2-text1 p{ color:#fff; } .cp2 .owl-prev{ opacity: 1; background: url(../image/sy-left.png) no-repeat; width: 40px; height: 58px; left: -58px;} .cp2 .owl-next{ opacity: 1; background: url(../image/sy-left.png) no-repeat; width: 40px; height: 58px; right: -58px;} .lm4-bj{ background: #eceef4; position: absolute; z-index: 9; width: 100%; height: 300px; top: 50%; transform: translateY(-28%);} #lm4-si .owl-nav{ display:block; } @media only screen and (max-width: 1440px){ } @media only screen and (max-width: 1366px){ } @media only screen and (max-width: 1199px){ } @media only screen and (max-width: 991px){ } @media only screen and (max-width: 767px){ #lm4-si{ padding:32px 0 } .cp2 ul li{ padding: 12px; border-radius: 10px; } .lm2-img1{ overflow: hidden; border-radius: 8px; } .lm2-img1 img{ width: 100%; height: 180px; object-fit: cover; } .lm2-text1{ padding-top: 10px; } .lm2-text1 h2{ font-size: 15px; padding: 6px 0; padding-bottom: 0; } .lm2-text1 p{ font-size: 13px; padding: 8px 0; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #lm4-si .owl-nav{ display:none; } .lm4-bj{ display: none; } } @media only screen and (max-width: 500px){ .lm2-img1 img{ height: 150px; } } /*lm5*/ #lm5-ys{padding: 40px 0;} .lm5-nr{ background: url(../image/lm5-bj.jpg) center top no-repeat;background-size: cover;padding: 48px 0;padding-bottom: 48px; } .ys-bt{ padding: 32px 0; } .ys-bt ul{} .ys-bt ul li{ position: relative;} .ys-bt ul li i{ display:none; } .ys-bt ul li:hover i,.ys-bt ul li.on i{ position: absolute; bottom: -19px; left: 50%; transform: translateX(-50%); display:block;} .ys-bt ul li>div{border: 1px solid #ccc;padding: 32px 26px;text-align: center;border-radius: 20px;display: block;overflow: hidden;} .ys-bt ul li .yssz{float: left;font-size: 64px;font-weight: bold;color: #0B74CE;line-height: 64px;padding-left: 12px;} .ys-bt ul li .ys-tit{float: left;padding-left: 20px;text-align: left;display: inline-block;} .ys-bt ul li .ys-tit h2{font-size: 30px;padding-top: 5px;color: #333;} .ys-bt ul li .ys-tit p{text-transform: uppercase;padding-top: 6px;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .ys-bt ul li:hover>div,.ys-bt ul li.on>div{ background:#0B74CE } .ys-bt ul li:hover>div::after,.ys-bt ul li.on>div::after{border-top: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 6px solid #0B74CE;} .ys-bt ul li:hover>div .yssz,.ys-bt ul li.on>div .yssz{ color:#fff } .ys-bt ul li:hover>div .ys-tit h2,.ys-bt ul li.on>div .ys-tit h2{color:#fff} .ys-bt ul li:hover>div .ys-tit p,.ys-bt ul li.on>div .ys-tit p{color:#fff} .ys-nr{ display: block; overflow: hidden; background: #fff; padding: 48px; border-radius: 42px; box-shadow: 0px 3px 10px 0px #666;} .ys-nr .nrjs{} .nr-img{margin-right: 4%;padding: 0;width: 45%;} .nr-img img{ border-radius: 30px;} .nr-yswz{padding-top: 28px;} .nr-yswz .lm5-shang{} .nr-yswz .lm5-shang em{float: left;font-size: 120px;font-weight: bold;line-height: 112px;color: #0B74CE;} .nr-yswz .lm5-shang .lm5-www1{ float: left; padding-left: 20px;} .nr-yswz .lm5-shang .lm5-www1 h2{background: -webkit-linear-gradient(left,#0b74ce,#0a5fad);text-align: center;padding: 10px 26px;color: #fff;white-space: nowrap;display: inline-block;} .nr-yswz .lm5-shang .lm5-www1 span{text-transform: uppercase;font-weight: bold;font-family: arial;font-size: 30px;color: #eee;padding-bottom: 3px;display: block;} .nr-yswz .lm5-zhong{padding: 24px 0;} .nr-yswz .lm5-zhong p{margin: 8px 0;padding-left: 24px;font-size: 18px;line-height: 32px;color: #666;background: url(../image/ys-quan.png) left 7px no-repeat;} .nr-yswz .lm5-tel{} .nr-yswz .lm5-tel p{background: #0B74CE;width: 88%;padding: 10px 24px;border-radius: 30px;font-size: 20px;color: #fff;} .nr-yswz .lm5-tel p a{margin-right: 20px;color: #0B74CE;background: url(../image/ys-tel.png) #fff 85% no-repeat;font-size: 20px;padding: 10px 30px;border-radius: 24px;float: left;position: relative;top: -7px;left: -21px;padding-right: 60px;} .nr-yswz .lm5-tel p em{ font-size: 24px; } .nr-yswz .lm5-more{text-align: right;padding-top: 30px;} .nr-yswz .lm5-more a{color: #0B74CE;font-size: 16px;} .nr-yswz .lm5-more a:hover{text-decoration: underline;} @media only screen and (max-width: 1440px){ .ys-bt ul li>div{padding: 32px 20px;} .nr-yswz .lm5-tel p{width:100%;font-size: 16px;} .nr-yswz{padding-top: 12px;} .nr-yswz .lm5-zhong p{font-size: 16px;} .nr-img{margin-right: 3%;padding: 0;width: 47%;} .ys-bt ul li .ys-tit p{text-transform: uppercase;padding-top: 6px;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 90%;} .ys-bt ul li .yssz{padding-left:0;} } @media only screen and (max-width: 1366px){ .ys-bt ul li .ys-tit{float: left;padding-left: 8px;text-align: left;display: inline-block;} .ys-bt ul li .ys-tit h2{font-size: 26px;padding-top: 10px;color: #333;} .ys-bt ul li .ys-tit p{text-transform: uppercase;padding-top: 6px;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .nr-yswz .lm5-zhong p{ font-size: 15px;} } @media only screen and (max-width: 1300px){ .ys-bt ul li .yssz{ font-size:48px; } .nr-yswz .lm5-shang em{ line-height: 102px;} .nr-yswz .lm5-shang .lm5-www1 span{} .nr-yswz .lm5-shang .lm5-www1 h2{} .nr-yswz .lm5-tel p a{ margin-right: 0px; padding-right: 54px; padding: 8px 30px; padding-right: 54px; top: -7px;} .nr-yswz .lm5-zhong p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} .nr-yswz .lm5-tel p em{ font-size: 22px;} } @media only screen and (max-width: 1199px){ .nr-img{ width:100% } .nr-yswz{ width:100% } .lm5-nr{ padding-bottom:20px; } .nr-img img{ width:100% } .nr-yswz .lm5-zhong{ padding:20px 0 } } @media only screen and (max-width: 991px){ .nr-img{ width:100% } .nr-yswz .lm5-tel p a{ top: -7px;} } @media only screen and (max-width: 767px){ .ys-nr{padding:20px;border-radius: 20px;} .nr-img{ width:100% } .ys-bt ul li .yssz{ font-size: 32px; /* padding-left: 0; */ padding-left: 0; display: inline-block; line-height: 48px;} .ys-bt ul li>div{ padding: 6px 12px; border-radius: 10px;} .ys-bt ul li .ys-tit h2{font-size: 20px;line-height: 36px;padding-top: 6px;} .ys-bt ul li .ys-tit p{display: none;} .ys-bt ul li{ padding: 0 6px; margin-bottom: 20px; text-align: center;} .ys-bt ul li .ys-tit{padding-left: 10px;} .ys-bt{padding-bottom:0;padding-top: 10px;} .nr-yswz{padding:0;padding-top: 24px;} .nr-yswz .lm5-shang em{ line-height: 73px; font-size: 64px;} .nr-yswz .lm5-shang .lm5-www1{ width: 72%;} .nr-yswz .lm5-shang .lm5-www1 span{ font-size: 18px;} .nr-yswz .lm5-shang .lm5-www1 h2{ font-size: 14px;padding: 8px 14px;} .nr-yswz .lm5-tel p a{display: none;font-size: 18px;} .nr-yswz .lm5-tel p em{ font-size: 20px;} .nr-yswz .lm5-zhong p{font-size:14px;line-height: 24px;background: url(../image/ys-quan.png) 4px 6px no-repeat;background-size: 12px;} .nr-yswz .lm5-zhong{ padding: 12px 0;} .lm5-nr{ padding: 24px 0; background: #0B74CE;} .nr-yswz .lm5-tel p{ padding: 6px 20px;} .nr-yswz .lm5-tel{ text-align:center; } } @media only screen and (max-width: 500px){ } /**/ #lm6-lc{padding-top:50px;} .lc-nr{ padding-top: 32px;} .lc-nr ul{} .lc-nr ul li{ float: left; text-align: center; padding-right: 83px; background: url(../image/lc-jt.png) 160px 130px no-repeat;} .lc-nr ul li:nth-child(7){padding-right: 0;background: no-repeat;} .lc-nr ul li h3{} .lc-nr ul li p{ color: #fff; position: relative; bottom: 154px; font-size: 24px; display: inline-block;} .lc-nr ul li img{} .lc-nr ul li .lc-img1{display:block;} .lc-nr ul li .lc-img2{ display:none; } .lc-nr ul li:hover .lc-img1{ display:none; } .lc-nr ul li:hover .lc-img2{ display:block; } .lc-nr1{display:none;padding-top: 10px;padding-bottom: 20px;} .lc-nr1 ul{} .lc-nr1 ul li{ padding: 0 8px;} .lc-nr1 ul li>div{background: #0B74CE;display: inline-block;margin: 3%;padding: 10px;width: 100%;} .lc-nr1 ul li img{ float: left;} .lc-tit{float: left;padding-left: 16px;} .lc-tit h4{ font-size: 20px; font-weight: bold; color: #fff;} .lc-tit p{ font-size: 17px; color: #fff; font-weight: bold;} @media only screen and (max-width: 1610px){ } @media only screen and (max-width: 1510px){ } @media only screen and (max-width: 1440px){ .lc-nr ul li{padding-right: 66px;background: url(../image/lc-jt.png) 140px 120px no-repeat;width: 14.28%;} .lc-nr ul li:nth-child(7) {padding-right: 66px;background: no-repeat;} .lc-nr ul li img{} } @media only screen and (max-width: 1366px){ .lc-nr ul li{width: 14.28%;background: url(../image/lc-jt.png) 124px 112px no-repeat;} .lc-nr ul li p{ bottom: 126px; font-size: 20px; } } @media only screen and (max-width: 1300px){ .lc-nr ul li{ padding: 0 33px; background: url(../image/lc-jt.png) 137px 94px no-repeat;} .lc-nr ul li p{} .lc-nr ul li:nth-child(7) {padding-right: 33px;background: no-repeat;} } @media only screen and (max-width: 1199px){ .lc-nr ul li{background: url(../image/lc-jt.png) 108px 60px no-repeat;} .lc-nr ul li p{ font-size: 16px; bottom: 86px; } } @media only screen and (max-width: 991px){ .lc-nr{ display:none; } .lc-nr1{ display:block; } } @media only screen and (max-width: 767px){ } @media only screen and (max-width: 500px){ } /*lm6*/ #lm10-hz{ padding: 20px 0; padding-bottom: 80px; background: url(../image/lm10-bj.png) bottom no-repeat;} .lm10-nr{padding-top: 24px;padding-bottom: 54px;text-align: center;} .lm10-nr ul{} .lm10-nr ul li{padding: 0;border: none;margin: 0;position: relative;} .lm10-nr ul li:hover{/* border: 1px solid #0B74CE; */} .lm10-title-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.55);color:#fff;font-size:14px;text-align:center;padding:8px 6px;opacity:0;transition:opacity 0.3s ease;display:flex;align-items:center;justify-content:center;} .lm10-nr ul li a:hover .lm10-title-overlay{opacity:1;} .lm10-nr ul li a{} .lm10-nr ul li a i{ position: absolute; top: 0; left: 0; display: none;} .lm10-nr ul li:hover a i{ display:block; } .lm10-nr ul li a img{/* border: 1px solid #ccc; */} .lm10-nr ul li:nth-child(1) a img{ border-bottom: inherit;} .lm10-nr ul li:nth-child(2) a img{border-bottom: inherit;} .lm10-nr ul li:nth-child(3) a img{border-bottom: inherit;} .lm10-nr ul li:nth-child(4) a img{border-bottom: inherit;} .lm10-nr ul li:nth-child(5) a img{border-bottom: inherit;} .lm10-nr ul li:nth-child(6) a img{border-bottom: inherit;} .lm10-nr ul li:nth-child(12) a img{} .lm10-a{display: inline-block;padding: 10px 42px;border: 2px solid #0B74CE;border-radius: 30px;font-size: 18px;margin-top: 20px;color: #0B74CE;} .lm10-a:hover{background:#0B74CE; color:#fff;} .lm10-a span{font-size: 24px;line-height: 24px;position: relative;top: 2px;} @media only screen and (max-width: 1440px){ } @media only screen and (max-width: 1366px){ .lm10-a{ padding: 6px 36px; font-size: 16px; line-height: 26px; } } @media only screen and (max-width: 1300px){ } @media only screen and (max-width: 1199px){ } @media only screen and (max-width: 991px){ } @media only screen and (max-width: 767px){ .lm10-a{ padding:5px 30px; font-size:16px; } #lm10-hz{padding-bottom:20px;padding-top: 36px;background: #eeedf2;} .lm10-nr{ padding: 20px 0;} } @media only screen and (max-width: 500px){ } /*lm7*/ #lm7-ab{} .ab-nr{ display: flex;} .ab-img{padding: 0;width: 50%;} .ab-img img{} .ab-nr1{background: #f7f8fc;margin: 12px 0;padding: 0px 60px;width: 50%;display: flow-root;} .ab-nr1>div{ position: relative; top: 64px;} .ab-nr1 h2{font-size: 42px;font-weight: bold;color: #0B74CE;} .ab-nr1 em{font-size: 24px;padding: 16px 0;display: block;color: #444;} .ab-nr1 p{width: 72%;font-size: 16px;line-height: 28px;padding-top: 12px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .ab-nr1 a{border: 2px solid #0B74CE;padding: 10px 42px;display: inline-block;font-size: 18px;border-radius: 30px;color: #0B74CE;margin-top: 30px;} .ab-nr1 a:hover{ background:#0B74CE; color:#fff; } .ab-nr1 a span{font-size: 24px;line-height: 24px;position: relative;top: 2px;} #honor{padding-top: 42px;padding-bottom: 42px;overflow: hidden;} #sy-honor{overflow:hidden;} #honor .owl-stage-outer{overflow:hidden;height:auto!important;} #honor .owl-stage{height:auto!important;} #honor .honor_nr_r ul.owl-carousel{height:auto!important;} .honor_nr{} .honor_nr .honor_nr_l{ width: 14%;} .honor_nr .honor_nr_l h2{ font-size: 42px; font-weight: bold;} .honor_nr .honor_nr_l p{ font-size: 18px; padding-top: 10px; padding-bottom: 10px;} .honor_nr .honor_nr_l .honor_btn{} .honor_nr .honor_nr_l .honor_btn a{height: 42px;display: block;text-align: center;line-height: 42px;font-size: 18px;margin: 12px 0;border-radius: 30px;} .honor_nr .honor_nr_l .honor_btn a.on,.honor_nr .honor_nr_l .honor_btn a:hover{background: #0B74CE;color: #fff;} .honor_nr_r{} .honor_nr_r ul{} .honor_nr_r ul li{ position: relative; overflow: hidden;} .honor_nr_r ul li dd{position: absolute;inset: 0;margin: 0;} .honor_nr_r ul li dd h3{text-align: center;font-size: 18px;line-height: 36px;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0px);color: #fff;display: none;/* z-index: 999; */} .honor_nr_r ul li:hover dd h3{ display:none; } .honor_nr_r ul li .bg{height: 100%;width: 100%;position: absolute;top: 0;background: url(../image/sy-gdt.png) center no-repeat;display: none;} .honor_nr_r ul li:hover .bg{ display:none; } .honor_nr_r ul li img{} .honor_nr_r ul li p{} @media only screen and (max-width: 1510px){ .ab-nr1 p{width: 90%;line-height: 28px;padding-top: 0;} .ab-nr1{/* padding: 39px 60px; *//* margin: 9px 0; */} .ab-nr1 a{margin-top: 24px;padding: 6px 42px;} .ab-nr1 em{padding: 12px 0;} .ab-nr1 h2{ font-size:38px; } .ab-nr1>div{ top:40px; } } @media only screen and (max-width: 1440px){ .honor_nr .honor_nr_l h2{font-size: 35px;} .ab-nr1 p{ width: 90%; line-height: 26px; padding-top: 0;} .ab-nr1{/* padding: 39px 60px; */margin: 9px 0;} .ab-nr1 a{margin-top: 18px;padding: 8px 42px;} .ab-nr1 em{padding: 12px 0;} .ab-nr1 h2{ font-size:38px; } .ab-nr1>div{} } @media only screen and (max-width: 1366px){ .ab-nr1 em{ font-size: 18px; padding: 12px 0; } .ab-nr1 a{ padding: 6px 32px; font-size: 16px; line-height: 24px; } .ab-nr1 p{ font-size: 15px; } .honor_nr .honor_nr_l .honor_btn a{font-size: 16px;line-height: 36px;height: 36px;margin: 14px 0;} .ab-nr1 h2{font-size: 32px;} .honor_nr .honor_nr_l h2{ font-size: 32px;} .honor_nr .honor_nr_l p{ padding-top: 8px; padding-bottom: 8px; } .ab-nr1{} } @media only screen and (max-width: 1310px){ .ab-nr1{padding: 0px 42px;} .ab-nr1 h2{ padding-top: 20px;} .ab-nr1 p{line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} } @media only screen and (max-width: 1199px){ .honor_nr .honor_nr_l{width: 16.6666667%;} .ab-nr1 p{line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .ab-nr1 h2{padding-top: 16px;font-size: 26px;} .ab-nr1>div{top: 0;} .ab-nr1 a{padding: 4px 32px;font-size: 16px;line-height: 24px;} } @media only screen and (max-width: 991px){ .ab-nr1{margin: 0;width: 100%;padding: 24px 46px;} .honor_nr .honor_nr_l{width: 22%;} .honor_nr .honor_nr_l h2{ font-size: 24px; display: none;} .honor_nr .honor_nr_l p{ display: none;} .ab-img{ width:100% } .ab-nr{ display: block;} } @media only screen and (max-width: 767px){ .ab-nr1{padding: 30px 20px;margin: 0;} .ab-nr1 p{width:100%;font-size: 14px;} .ab-nr1 a{ padding: 5px 30px; font-size: 16px;} .ab-nr1 h2{font-size: 26px;} .ab-nr1 em{font-size: 18px;} } @media only screen and (max-width: 500px){ #honor{ padding:20px 0 } .honor_nr{ width:100% } .honor_nr .honor_nr_l{ width:100% } .honor_nr .honor_nr_l .honor_btn a{width: 48%;float: left;margin: 0 1%;margin-bottom: 20px;font-size: 15px;height: 36px;line-height: 36px;} .honor_nr .honor_nr_l h2{ display:none } .honor_nr .honor_nr_l p{ display:none } } /*lm8*/ #lm8-news{padding: 48px 0;background: #eee;} .news-tit{} .sy-tit1{float: left;padding-left: 15px;} .sy-tit1 h2{font-size: 46px;font-weight: bold;} .sy-tit1 p{font-size: 16px;padding: 10px 0;} .news-nav{float: right;} .news-nav ul{padding-top: 26px;display: inline-block;overflow: hidden;} .news-nav ul li{float: left;margin-left: 30px;display: flex;} .news-nav ul li a{padding: 0px 36px;border: 1px solid #ccc;font-size: 18px;border-radius: 20px;line-height: 42px;} .news-nav ul li:nth-of-type(1) a{} .news-nav ul li:nth-of-type(2) a{} .news-nav ul li:nth-of-type(3) a{} .news-nav ul li.on a,.news-nav ul li:hover a{background: #0B74CE;color: #fff;} .news-nav ul li.on:nth-of-type(1) a{background: #0B74CE;} .news-nav ul li.on:nth-of-type(2) a{background: #0B74CE;} .news-nav ul li.on:nth-of-type(3) a{background: #0B74CE;} .zzz1{display: block;padding-top: 20px;} .news-nr{} .news-nr .nr-ss1{padding-left: 0;} .news-nr .nr-ss1 .nr-er{padding-right: 0;} .news-nr .nr-ss1 .nr-er:nth-child(2){ padding-right: 0; } .news-nr .nr-ss1 .nr-er a{ display: block; overflow: hidden; box-shadow: 0px 2px 6px 0px #eee;} .news-nr .nr-ss1 .nr-er .nr-img1{border: 1px solid #eee;height: 200px;overflow: hidden;} .news-nr .nr-ss1 .nr-er .nr-img1 img{width: 100%;height: 100%;object-fit: cover;} .news-nr .nr-ss1 .nr-er .nr-bt1{padding: 20px 16px;padding-top: 32px;background: #fff;} .news-nr .nr-ss1 .nr-er .nr-bt1 h2{font-size: 18px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .news-nr .nr-ss1 .nr-er .nr-bt1 p{font-size: 14px;color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin: 16px 0;line-height: 24px;} .news-nr .nr-ss1 .nr-er .nr-bt1 em{padding: 3px 0;width: 100%;display: block;padding-right: 42px;background: url(../image/news-jt.png) 98% no-repeat;} .news-nr .nr-ss1 .nr-er:hover .nr-bt1 em{background: url(../image/news-jt1.png) 98% no-repeat;} .news-nr .nr-ss2{padding: 0 10px;} .news-nr .nr-ss2 ul{} .news-nr .nr-ss2 ul li{padding: 16px 20px;border: 1px solid #eee;display: block;overflow: hidden;background: #ffff;} .news-nr .nr-ss2 .news-sj{text-align: center;border-right: 1px solid #cccc;padding: 12px 0;} .news-nr .nr-ss2 .news-sj em{font-size: 42px;font-weight: bold;line-height: 48px;} .news-nr .nr-ss2 .news-sj p{} .news-nr .nr-ss2 .news-wz{} .news-nr .nr-ss2 ul li .news-ttt1{} .news-nr .nr-ss2 ul li .news-ttt1 em{background:url(../image/news-jt.png) right no-repeat;width: 25px;height: 25px;display: inline-block;position: relative;top: 36px;} .news-nr .nr-ss2 ul li:hover .news-ttt1 em{ background:url(../image/news-jt1.png) right no-repeat } .news-nr .nr-ss2 .news-wz h2{font-size: 18px;padding-bottom: 12px;padding-top: 6px;color: #000;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .news-nr .nr-ss2 ul li:hover .news-wz h2{ color:#0B74CE } .news-nr .nr-ss2 .news-wz p{line-height: 24px;font-size: 15px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} @media only screen and (max-width: 1440px){ .news-nr .nr-ss2 ul li{padding: 17px 20px;} .news-nr .nr-ss1 .nr-er .nr-bt1{padding-top: 24px;} .news-nr .nr-ss1 .nr-er .nr-bt1 p{ margin: 12px 0;} .news-nr .nr-ss2 .news-wz h2{ padding-top:7px; } } @media only screen and (max-width: 1366px){ .news-nr .nr-ss2 ul li{ padding: 15px 20px; } #lm8-news{ padding-bottom:32px; } .sy-tit1 h2{ font-size:42px; } } @media only screen and (max-width: 1199px){ .sy-tit1 h2{font-size: 42px;} .news-nr .nr-ss2 .news-sj{padding: 0 4px;} .news-nr .nr-ss2 .news-sj em{font-size: 42px;line-height: 54px;} .news-nr .nr-ss2 .news-wz h2{font-size: 16px;padding-bottom: 8px;} .news-nr .nr-ss2 .news-wz p{line-height: 20px;} .news-nr .nr-ss1 .nr-er .nr-bt1 h2{font-size: 16px;} .news-nav ul li a{padding: 0px 32px;} .news-nav ul li{} .news-nav ul{padding-top: 16px;} .news-nr .nr-ss2 ul li{ padding: 15px 15px;} } @media only screen and (max-width: 991px){ .news-nav ul li{margin-left: 16px;} .news-nav ul li a{padding: 0px 24px;font-size: 14px;line-height: 36px;} .news-nav ul li:nth-of-type(1) a{} .news-nav ul li:nth-of-type(2) a{} .news-nav ul li:nth-of-type(3) a{} .news-nav ul li.on:nth-of-type(1) a{background: #0B74CE;} .news-nav ul li.on:nth-of-type(2) a{background: url(../image/news2-1.png) #0B74CE 12px no-repeat;} .news-nav ul li.on:nth-of-type(3) a{background: url(../image/news3-1.png) #0B74CE 12px no-repeat;} .sy-tit1 h2{font-size: 36px;} .sy-tit1 p{font-size: 14px;} .news-nr .nr-ss1 .nr-er{margin-bottom: 2%;/* padding: 0 10px; */} .news-nr .nr-ss1 .nr-er .nr-bt1{padding: 16px;padding-top: 20px;} .news-nr .nr-ss2 ul li{padding: 16px 10px;width: 100%;} .news-nr .nr-ss2 .news-sj p{ font-size:12px; } .news-nr .nr-ss2 .news-sj em{font-size: 32px;line-height: 48px;} .sy-tit1{ padding-left:10px; } .news-nav ul{padding-top: 12px;} .news-nr .nr-ss2 .news-wz h2{ padding-top:0; } } @media only screen and (max-width: 767px){ .news-nav ul li{margin-left: 12px;} .news-nr .nr-ss2{ padding: 10px; } .news-nav{float: left;} .news-nr .nr-ss2 ul li .news-ttt1{ display:none } .news-nav ul{ padding-top:12px; } } @media only screen and (max-width: 500px){ .news-nav ul li{margin-left: 10px;} .news-nav ul li a{padding: 0px 22px;line-height: 32px;/* padding-left: 32px; *//* background-size: 23% !important; */} .news-nav{ float:left } .news-nr .nr-ss1 .nr-er .nr-bt1{padding: 16px 12px;padding-top: 20px;} .news-nr .nr-ss2 ul li{padding: 14px 10px;width: 100%;} .news-nr .nr-ss2{padding: 0 0px;} .sy-tit1{ padding-left: 0px; width: 100%;text-align: center;} .news-nr .nr-ss1{ padding-right:0 } .news-nr .nr-ss1 .nr-er{margin-bottom:5%;padding: 0;} .news-nav ul li:nth-of-type(1) a{background: url(../image/news1.png) 4px no-repeat;} .news-nav ul li:nth-of-type(2) a{} .news-nav ul li:nth-of-type(3) a{} .news-nav ul li.on:nth-of-type(1) a{background: #0B74CE;} .news-nav ul li.on:nth-of-type(2) a{background: url(../image/news2-1.png) #0B74CE 4px no-repeat;} .news-nav ul li.on:nth-of-type(3) a{background: url(../image/news3-1.png) #0B74CE 4px no-repeat;} #lm8-news{ padding: 30px 0;} .news-nr .nr-ss2 .news-sj{padding: 0 3px;} .sy-tit1 h2{font-size: 26px;} } .flink{ line-height: 88px; background: #0B74CE;} .flink .container{ background: url(../image/sy-link.png) 98% no-repeat;} .flink span{color: #fff;font-size: 20px;text-transform: uppercase;float: left;} .ss-link{float: left;padding-left: 12px;} .ss-link a{ color: #fff; padding: 0 4px; font-size: 16px;} .ss-link a:hover{ text-decoration: underline; } @media only screen and (max-width: 1366px){ .flink span{ font-size: 18px; } .flink{line-height: 72px;background: #0B74CE;} } @media only screen and (max-width: 767px){ .flink{line-height: 60px;} .flink span{ font-size: 16px;} .flink .container{background: url(../image/sy-link.png) 94% no-repeat;background-size: 20px;} .ss-link a{ font-size:14px; } } /*****************************************************************************/ /* 通用配置 */ .owl-rela{position:relative;} .owl-prev, .owl-next{display:block;width:30px;height: 68px;background:url(../image/pro-jtbn.png) no-repeat;position:absolute;top:50%;margin-top:-34px;text-indent:-99999999px;opacity:0.4;/* transition:all .3s; *//* -webkit-transition:all .3s; */} #nybusinesslist .owl-prev,#nybusinesslist .owl-next{ display:none; } .honor_nr .owl-prev,.honor_nr .owl-next{ display:none } .owl-prev{left: -48px;} .owl-next{right: -48px;transform: rotate(180deg);} .owl-prev:hover, .owl-next:hover{opacity:1;} @media (max-width:800px){ .owl-prev, .owl-next{display:none;} } /* 图片封面动画 */ .white, .whites{position: relative;overflow: hidden;} .white::after, .whites::after{content: '';cursor: pointer;position: absolute;left: -120%;top: 0;width: 100%;height: 100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg);transition: unset;} .white:hover::after{left: 120%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;} /* 底部 */ footer{ background: #f7f8fc;} .ft-a1{ padding: 42px 0;background: #0B74CE;} .ft-sss1{width: 22%;} .ft-sss1 img{} .ft-sss1 h2{font-size: 16px;color: #fff;padding-bottom: 10px;} .ft-sss1 em{font-size: 28px;font-weight: bold;color: #fff;padding: 3px 0;display: block;line-height: 30px;} .ft-sss1 p{font-size: 16px;line-height: 32px;color: #fff;} .ft-sss1 a{display: inline-block;padding: 12px 54px;background: url(../image/ft-wx.png) #fff 80% no-repeat;color: #0B74CE;font-size: 18px;line-height: 24px;border-radius: 24px;margin-top: 24px;padding-right: 90px;} .ft-sss1 a:hover{ background: url(../image/ft-wx.png) #e8e8e8 80% no-repeat;color: #0B74CE; } .ft-sss2{padding: 0 8px;width: 14%;} .ft-sss2 .ft-ewm{padding: 0;} .ft-sss2 .ft-ewm>div{border: 1px solid rgba(255,255,255,0.3);padding: 8px 10px;text-align: center;} .ft-sss2 .ft-ewm img{ width: 100%; } .ft-sss2 .ft-ewm p{font-size: 13px;line-height: 20px;padding-top: 8px;color: #fff;} .ft-msg{width: 24%;padding: 0 15px;} .ft-msg h2{font-size: 18px;color: #fff;padding-bottom: 12px;margin: 0;} .ft-msg form{} .ft-msg-field{margin-bottom: 8px;} .ft-msg-field input, .ft-msg-field textarea{width: 100%;border: 1px solid rgba(255,255,255,0.35);background: rgba(255,255,255,0.08);border-radius: 4px;padding: 8px 12px;font-size: 13px;color: #fff;box-sizing: border-box;transition: all .2s;} .ft-msg-field input{height: 34px;} .ft-msg-field textarea{height: 66px;resize: none;line-height: 1.5;font-family: inherit;} .ft-msg-field input::placeholder, .ft-msg-field textarea::placeholder{color: rgba(255,255,255,0.6);} .ft-msg-field input:focus, .ft-msg-field textarea:focus{border-color: #fff;background: rgba(255,255,255,0.15);outline: none;} .ft-msg-submit{width: 100%;height: 36px;background: #fff;color: #0B74CE;border: none;border-radius: 4px;font-size: 14px;font-weight: bold;cursor: pointer;margin-top: 2px;transition: background .2s;} .ft-msg-submit:hover{background: #e8f2fc;} .ft-sss3{} .ft-sss3 .ft-bt1{border-left: 1px solid rgba(255,255,255,0.3);padding: 0 10px;min-height: 200px;} .ft-sss3 .ft-bt1 p a{white-space:nowrap;} .ft-sss3 .ft-bt1 h2{font-size: 18px;padding-bottom: 12px;color: #fff;} .ft-sss3 .ft-bt1 p a{font-size: 15px;line-height: 29px;color: rgba(255,255,255,0.8);} .ft-sss3 .ft-bt1 p:hover{} .ft-sss3 .ft-bt1 p a:hover{ color:#fff } #footercopy{border-top: 1px solid rgba(255,255,255,0.3);background: #0B74CE;} .fttt1{} .fttt1 p{font-size: 14px;line-height: 64px;color: rgba(255,255,255,0.8);} .fttt1 p a{ color: rgba(255,255,255,0.8) } .fttt1 p a:hover{ color:#fff } @media only screen and (max-width: 1440px){ .ft-sss1{width: 23%;padding-left: 0;} .ft-sss3 .ft-bt1{ min-height: 188px;} .ft-sss1 a{margin-top: 12px;padding: 10px 64px;padding-left: 32px;background: url(../image/ft-wx.png) #0B74CE 86% no-repeat;} } @media only screen and (max-width: 1366px){ .ft-sss1{width: 23%;} .ft-sss1 p{font-size: 15px;} .ft-sss1 a{ font-size: 16px; } } @media only screen and (max-width: 1269px){ } @media only screen and (max-width: 1199px){ .ft-sss1 p{} .ft-sss3 .ft-bt1{ padding:0 24px; } } @media only screen and (max-width: 1024px){ } @media only screen and (max-width: 991px){ .ft-sss3{ display:none; } .ft-sss1{ width:40% } .ft-sss2{ width:20% } .ft-msg{ width:40% } } @media only screen and (max-width: 767px){ .ft-sss1,.ft-sss2,.ft-msg{ width:100% } .ft-msg{padding: 20px 15px 0;} .ft-sss1{padding-bottom:20px;padding-left: 15px;text-align: center;} .ft-sss1 a{margin-top:10px;font-size: 16px;} .fttt1 p{ line-height:24px; } .ft-a1{ padding:32px 0 } footer{ padding-bottom:50px; } .fttt1{ padding:10px 0 } .ft-sss1 h2{ font-size:20px;font-weight:bold; } } @media only screen and (max-width: 680px){ } @media only screen and (max-width: 500px){ } @media only screen and (max-width: 470px){ } /* 手机底部按钮 */ .footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #0B74CE;text-align: center;} .footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;} .footer-bottom a i{font-size: 16px;display: block;} /* 在线客服 */ .diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 100;} .diyos ul{position:relative;list-style: none;margin: 0;padding: 0;} .diyos ul li {width: 54px;height: 54px;background: #0B74CE;float: left;position: relative;border-top: 1px solid #fff;z-index:1;} .diyos ul li:first-child{ border-top:0;} .diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background: #0B74CE;} .diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li .sideewmshow{width: 130px;position:absolute; top:0; left:-131px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5;} .diyos ul li.sideewm:hover .sideewmshow{ display:block;} .diyos ul li img {float: left;} /* 面包屑 */ #location{box-shadow:0px 3px 20px 0px rgba(0,0,0,0.1);overflow:hidden;background: #fff;font-size: 0;margin-bottom: 30px;border-bottom: 1px solid #ccc;} .crumbs{padding-left:20px;background:url(../image/location.png) no-repeat left center;/* line-height: 50px; */;float: right;color:#666;} .crumbs a{color:#666;font-size: 15px;line-height: 70px;padding-right: 3px;} .crumbs a:hover{color:#0B74CE;} /* 内页导航 */ #sidebar{float: left;} #sidebar li{display:inline-block;margin: 0 -1px;position: relative;background: url(../image/erjidd.jpg) right no-repeat;} #sidebar li a{display:block;height: 70px;line-height: 70px;text-align:center;padding: 0 24px;color:#666;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #sidebar li a::after{content: "";/* display: block; *//* width: 0%; *//* height: 2px; *//* background: #138f04; *//* position: absolute; *//* left: 50%; *//* bottom: 0; *//* overflow: hidden; */transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;} #sidebar li:hover a, #sidebar li.cur a{color: #0B74CE;} #sidebar li:hover a::after, #sidebar li.cur a::after{left: 0;width: 100%;} @media (max-width:767px) { #location{background:#fff;border-bottom: 1px solid #ddd;box-shadow:none;height: auto;} .w100{width:100%;float:left;} .w50{width:50%;float:left;} .w33{width:33.33%;float:left;} .w25{width:25%;float:left;} #sidebar{float:none;} #sidebar li{padding:0 5px;margin:0;} } .inside{} @media (max-width:767px) { #location{margin-bottom: 20px;background:#f3f3f3;border-bottom: 1px solid #ddd;box-shadow:none;max-height: 102px;} .w100{width:100%;float:left;} .w50{width:50%;float:left;} .w33{width:33.33%;float:left;} .w25{width:25%;float:left;} #sidebar{float:none;display: inline-block;width: 100%;border: none;padding: 0;background: #f7f8fc;} #sidebar li{padding:0 5px;margin:0;width: 25%;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;background: inherit;} #sidebar li a{line-height:50px;height: auto;} .inside,.location{padding:0px;margin-bottom: 10px;} .nyjc-til{ display:none } #nyzuoyou{padding: 24px 0;} } @media (max-width:500px) { #sidebar li a{line-height:40px;padding:0;font-size:14px;height: auto;text-align: center;} } /* 内页banner */ .nybanner>div{background-position: center;background-repeat: no-repeat;background-size: cover;} @media (max-width: 1329px){ .nybanner>div{height: 420px !important;} } @media (max-width: 1199px){ .nybanner>div{height: 360px !important;} } @media (max-width: 991px){ .nybanner>div{height: 320px !important;} } @media (max-width: 767px){ .nybanner>div{height: 280px !important;} } @media (max-width: 700px){ .nybanner>div{height: 240px !important;} } @media (max-width: 580px){ .nybanner>div{height: 175px !important;} } @media (max-width: 420px){ .nybanner>div{height: 150px !important;} } @media (max-width: 374px){ .nybanner>div{height: 130px !important;} } /* 内页样式 */ #inside{padding-bottom:30px;padding-left:10px;padding-right:10px;overflow:hidden;/* border-bottom: 4px solid #0B74CE; */} .bgf5{background:#f5f5f5;} .nocontect{background-image: url(../image/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;margin-bottom:20px;} @media (max-width:767px) { #inside{padding-bottom:30px;} } /* 内页产品导航 */ #nyprozs{padding: 42px 0;padding-bottom: 0;} .nyprotit{background: #0B74CE;padding: 18px 0;margin-bottom: 1px;} .nyprotit h2{ color: #fff; margin-bottom: 10px; font-weight: bold; font-size: 32px;} .nyprotit p{ color: #fff; line-height: 24px; text-transform: uppercase;} #pronav{text-align: center;margin-bottom: 20px;} .pronav-a{position: relative;z-index: 999;background: #fff;border-bottom: 4px solid #0B74CE;} .pronav-a dl ul{width: 100%;z-index: 9999;padding: 10px 0;display: flow-root;} .pronav-a dl ul li{float: left;width: 100%;line-height: 40px;text-align: left;background: url(../image/iyuan.png) no-repeat 10px 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pronav-a dl ul li a{color: #333;text-align: left;font-size: 16px;font-weight: normal;padding-left: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pronav-a dl ul li:hover{background: url(../image/iyuan.png) no-repeat 10px 18px #fff;} .pronav-a dl ul li:hover a{color: #0B74CE;} .pronav-a dl ul li a.cur{ color:#0B74CE } .pronav-a dl:hover>a{background:#0B74CE;} .pronav-a dl dl:hover>a{ color:#ffffff; } .pronav-a dl:hover ul{} .pronav-a dl{font-size: 22px;color: #fff;margin-bottom: 6px;font-weight: bold;text-align: left;line-height: 20px;} .pronav-a dl.cur, .pronav-a dl:hover{ } .pronav-a dl>a, .pronav-a dl>a{background: #f5f5f5;width: 100%;display: inline-block;line-height: 54px;padding-left: 24px;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pronav-a dl>a.cur,.pronav-a dl:hover>a{color: #fff;background: #0B74CE;} .nyhotpro{ width: 100%; overflow: hidden; margin-top: 20px;} .nyhotpro .nyjc-til{ background: #0B74CE; padding: 24px 0;} .nyhotpro .nyjc-til h2{color: #fff;font-weight: bold;font-size: 32px;} .nyhotpro .nyjc-til p{color: #fff;font-size: 16px;font-family: Arial;padding-top: 10px;} .nyhotpro .bd{ border: 1px solid #ccc;} .nyhotpro .bd ul{} .nyhotpro .bd ul li{padding: 16px;} .nyhotpro .bd ul li a{} .nyhotpro .bd ul li a img{width: 100%;border: 1px solid #ccc;} .nyhotpro .bd ul li a p{ line-height: 42px; font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} #proxqy{ padding-top:40px; } #MagnifierWrap2{position:relative;width: 100%;max-width:420px;} .MagnifierMain{position: relative;border:1px solid #ccc;} .MagnifierMain img{width: 100%;display:block;} .MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;} .MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(/staticres/images/loading.gif) no-repeat center center; z-index:9 } .MagnifierImg{position: absolute;top:0; left: 0;} .spec-items{position: relative;width: 100%;height: 108px;overflow: hidden;margin: 10px auto 0;} .spec-items ul{width: 500%;position: absolute;top: 6px;left: 0px;} .spec-items ul *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .spec-items li{width: 82px;float: left;overflow: hidden;margin-right: 10px;border: 1px solid #ccc;cursor: pointer;} .spec-items li.on{border: 1px solid #0B74CE;} .spec-items li img{width: 100%;display:block;} span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 12px;display: block;width: 20px;height: 70px;line-height: 70px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;z-index: 999;display: none;} span.on{background-color: #ccc;color: #999;cursor: pointer;} span.spe_leftBtn{left: 0;} span.spe_rightBtn{right: 0;} .nyproshow-txt{float:left;width: 380px;margin-left: 28px;z-index:1;} .nyproshow-txt>h1{font-size: 20px;color: #333;border-bottom: 1px dashed #bbbbbb;padding: 2px 0 10px;line-height: 32px;margin-bottom:10px;} @media (max-width:1509px) { .pronav-a{display:block;} .pronav-a dl{padding: 0;} } @media (max-width:1409px) { .pronav-a dl{padding: 0;font-size:15px;} } @media (max-width:1309px) { .pronav-a{ line-height:60px; } .pronav-a dl{ padding: 0;font-size:14px;line-height: 20px; } .pronav-a dl>a, .pronav-a dl>a{ font-size: 16px; font-weight: normal; padding-left: 16px; line-height: 42px; } } @media (max-width: 991px) { #pronav{ display:none } #proxqy{ padding-top:24px; } #nyprozs{ padding-top:24px; } } @media (min-width:768px) and (max-width:1199px) { .pronav-a dl{display:block;float:left;width: 100%;line-height: 16px;} } @media (max-width:767px) { .pronav-a dl{display:block;float:left;width:25%;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} } @media (max-width:500px) { .pronav-a{line-height:40px;} } .kkk1{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin: 0 10px;margin-top: 0px;} .kkk1 h3{float: left;width: 300px;text-indent: 30px;height: 40px;line-height: 37px;border-bottom: 2px #0B74CE solid;color: #0B74CE;font-size: 18px;font-weight: bold;background: url(../image/p14-icon11.png) no-repeat 0 center;} .pro_main {position: relative;padding: 0 10px;display: none;} /* 内页单页面标题 */ #nytitle{text-align: center;padding:0 10px;margin:30px 0;} #nytitle h1{font-size: 36px;color: #353535;font-weight:bold;} #nytitle p{color: #999;font-size: 16px;margin-top: 10px;text-transform:uppercase;} @media only screen and (max-width: 500px){ #nytitle{margin-bottom:20px;} #nytitle h1{font-size: 30px;} #nytitle p{font-size: 14px;} } /* 内页单页面内容 */ .nyshow{width:100%;} .nyshow-til{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin:20px 0;} .nyshow-til>h1, .nyshow-til>h2{float: left;padding-right:15px;text-indent: 25px;height: 40px;line-height: 40px;border-bottom: 2px #0B74CE solid;color: #0B74CE;font-size: 18px;font-weight: bold;position:relative;} .nyshow-til>h1::before, .nyshow-til>h2::before{content:'';position:absolute;left:0;top:50%;margin-top: -15px;width:6px;height:30px;background:#0B74CE;} .nyshowdesc{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:40px;min-height:300px;} .nyshowdesc p{margin:5px 0;} .nyshowdesc img{max-width:100%;height:auto !important;} .block-shadow{height: 200px;-webkit-box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);box-shadow: 0 10px 20px 0 rgba(50,50,50,.20);-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;} .block-shadow:hover{box-shadow: 0 10px 20px 0 rgb(11 116 206 / 0.5);} .radius-md{border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} .icon-sm{width: 60px;display: inline-block;text-align: center;} .icon-sm em{font-size: 30px;line-height: 30px;} .icon-content{overflow: hidden;} .icon-content h5{font-weight: bold;font-size: 18px;line-height: 25px;color: #1a1a1a;margin-top: 10px;margin-bottom: 10px;} @media (max-width:767px) { .nyshowdesc{font-size:14px;line-height:1.6;margin-bottom:20px;min-height:100px;} .nyshowdesc h1{font-size:30px;} .nyshowdesc h2{font-size:24px;} .nyshowdesc h3{font-size:18px;} .nyshowdesc h4{font-size:14px;} .block-shadow{height:auto;} } /* 内页项目 */ #nyitem{padding-bottom:30px;border-bottom:4px solid #0B74CE;} #nyitem ul>li{padding:0 10px;margin-bottom:20px;} #nyitem ul>li a{display:block;} .ser-img{position:relative;overflow:hidden;} .ser-bg{position:absolute;left:0;top:0;width:100%;height:100%;background: transparent repeat-x bottom;} .ser-img i{position:absolute;left:50%;top:150%;width:60px;height:60px;transform:translate(-50%, -50%);transition: all .3s;} #nyitem ul>li p{font-size:24px;color:#444;line-height:40px;text-align:center;padding:0 10px;} #nyitem ul>li a:hover .ser-bg{background:url(../image/ser-bg.png) repeat-x bottom;} #nyitem ul>li a:hover .ser-img i{top:50%;} #nyitem ul>li a:hover p{font-weight:bold;color:#0B74CE;} @media only screen and (max-width:767px){ #nyitem ul>li p{font-size:16px;line-height:30px;} } @media only screen and (max-width:500px){ #nyitem ul>li{margin-bottom:10px;} } .location{width: 100%;height: 48px;border-bottom: 1px solid #eee;} .location>.container>span{display:block;line-height: 48px;font-size: 14px;background: url(../image/location.png) no-repeat 0 15px;text-indent: 20px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .location>.container>span span{display:inline;background:none;text-indent:0;line-height:inherit;} .location a{color: #666;} .location a:hover{color: #0B74CE;} /* 内页关于我们 */ .brank_con{font-size: 16px;line-height: 1.8;color: #333;} .brank_con>.cpcon h4{color: #0B74CE;font-weight: bold;font-size: 20px;line-height: 1.8;} .brank_con>.cpcon{padding:50px 0;overflow: hidden;} .brank_con>.cpcon:last-child{margin-bottom: 0;} .brank_con>.cpcon:nth-child(odd){background: transparent;} .brank_con>.cpcon:nth-child(odd) .cpcon_img{float: right;} .brank_con>.cpcon:nth-child(even){background: #f5f5f5;} .brank_con>.cpcon>h3{text-align: center;font-size: 36px;margin-bottom: 50px;} .brank_con>.cpcon .cpcon_img img{max-width: 100%;height:auto!important;display: block;margin:0 auto;} .brank_con>.cpcon .cpcon_txt{padding-top: 15px;padding-bottom: 15px;} @media (max-width: 767px){ .brank_con{font-size: 14px;line-height: 1.6;} .brank_con>.cpcon{padding:20px 0;} .brank_con>.cpcon>h3{font-size: 24px;margin-bottom: 20px;} } /* 内页服务网点 */ #nypoint{padding-bottom:30px;} #nypoint ul li{float:left;width:33.33%;padding:15px;} #nypoint ul li a{display: block;border: 1px solid #fff;background: #e9f1f1;text-align: center;border-radius: 10px;} #nypoint ul li a span{display: inline-block;line-height: 28px;font-size: 16px;color: #666;padding-left: 35px;background: url(../image/scity-x.png) no-repeat left;margin: 20px 0;} #nypoint ul li a:hover{border-color:#0B74CE;} #nypoint ul li a:hover span{color:#0B74CE;background:url(../image/scity-xx.png) no-repeat left;} .nypo-l{width:50%;height:500px;float:left;overflow-y:scroll;} .nypo-r{width:50%;height:500px;float:right;overflow:hidden;position:relative;} .nypo-r img{position:absolute;left:50%;transform:translateX(-50%);} @media (max-width: 1199px){ #nypoint ul li{padding:10px;} #nypoint ul li a span{margin:16px 0;} } @media (max-width: 991px){ #nypoint ul li{width:50%;} } @media (max-width: 600px){ #nypoint ul li{width:33.33%;} .nypo-r{width:100%;height:auto;} .nypo-r img{position:relative;height:250px;} .nypo-l{width:100%;overflow:hidden;height:auto;} } @media (max-width: 500px){ #nypoint ul li{width:50%;} .nypo-r img{height:150px;} } .nyshowdesc>.nyject{overflow:hidden;background: #f5f5f5;} .nyshowdesc>.nyject .nyject_img{overflow:hidden;} .nyshowdesc>.nyject .nyject_img img{transition: 0.5s;} .nyshowdesc>.nyject .nyject_txt{padding:20px 50px;} .nyshowdesc>.nyject .nyject_txt h4{color:#333;font-size:24px;margin-bottom:20px;font-weight:bold;} .nyshowdesc>.nyject .nyject_txt p{font-size:16px;color:#666;} .nyshowdesc>.nyject:hover .nyject_img img{transform: scale(1.1);} @media (min-width:768px) { .nyshowdesc>.nyject{display:flex;align-items: center;} .nyshowdesc>.nyject:nth-child(even){flex-direction: row-reverse;} .nyshowdesc>.nyject .nyject_img, .nyshowdesc>.nyject .nyject_txt{flex:50%;} } @media (max-width:767px) { .nyshowdesc>.nyject .nyject_txt{padding:20px;} } @media (max-width:500px) { .nyshowdesc>.nyject .nyject_txt{padding:15px;} .nyshowdesc>.nyject .nyject_txt h4{font-size:20px;margin-bottom:10px;} .nyshowdesc>.nyject .nyject_txt p{font-size:14px;} } /* 留言模块Message */ #nymessage{padding:50px 0;background:url(/staticres/images/nymessagebg.jpg) no-repeat center / cover;} #nymessage h4{color:#0B74CE;} #nymessage form{overflow:hidden;margin-top:50px;} #nymessage form label{font-weight:normal;text-align:none ! important; white-space: nowrap; } #nymessage .nymessage-h6{text-align:left;} @media (max-width:767px) { #nymessage{padding:30px 0;} #nymessage h4{font-size:16px;line-height:1.4;} #nymessage form{margin-top:30px;} #nymessage form>div[class^="col-"]{padding:0 5px;} } #nycommon{padding:30px 0;background:#f8f8f8;border-top: 5px solid #0B74CE;border-bottom: 5px solid #0B74CE;} /* 热门标签 */ .nycomtag{line-height: 40px;border-bottom: 1px #ccc solid;overflow:hidden;} .nycomtag>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #0B74CE solid;color: #0B74CE;font-size: 18px;font-weight: bold;background:url(../image/ny-objs.png) no-repeat left;} .nycomtag>a{float:right;} .ghtag{padding-left:22px;background:url(../image/ghtag.png) no-repeat left;} #tagac{margin-top:10px;} #tagac>a{font-size: 14px;color: #797979;line-height: 25px;display: inline-block;background-color: #fff;border-radius: 30px;padding: 0 14px;margin-top: 14px;box-shadow: 1px 4px 16px 0px rgb(11 116 206 / 0.2);margin-right: 10px;transition: all ease 0.3s;} #tagac>a:hover{background-color: #0B74CE;color: #fff;} /* 推荐新闻 */ .nyhotnews{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyhotnews>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #0B74CE solid;color: #0B74CE;font-size: 18px;font-weight: bold;background:url(../image/nyhotnewico.png) no-repeat left;} .nyhotnews-list{margin-top:10px;overflow:hidden;} .nyhotnews-list li{font-size: 14px;line-height: 30px;background: url(../image/iyuan.png) no-repeat left;background-size: 8px;box-sizing:border-box;} .nyhotnews-list li a{float:left;width:calc(100% - 90px);color:#333;} .nyhotnews-list li span{float:right;color:#666;} .nyhotnews-list li:hover{background: url(../image/iyuan_on.png) no-repeat left;background-size: 8px;} .nyhotnews-list li:hover a{color:#0B74CE;} /*视频列表*/ .nyvideo-ul{overflow:hidden;} .nyvideo-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;} .nyvideo-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyvideo-div a img{display:block;max-width: 100%;width: 311px;} .nyvideo-div a.nyvideo-a{padding:0 10px;border:none;line-height:25px;text-align:center;} .nyvideo-div:hover a{border-color:#0B74CE;color:#0B74CE;} /*视频详情*/ .showvideo-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showvideo-top>h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .showvideo-time{text-align:center;} .showvideo-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .showvideo-time span:last-child{margin-right:0;} .showvideo-mp{margin:20px 0;text-align:center;} .showvideo-mp video, .showvideo-mp iframe{width:800px;max-width:100%;} .showvideo-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showvideo-con img{max-width:100%;height:auto !important;} /*下载列表*/ .nydown-list{margin-bottom:20px;} .nydown-list table{width:100%;text-align:center;} .nydown-list table thead{background:#0B74CE;color:#fff;font-size:16px;line-height:2;} .nydown-list table tbody{line-height:1.6} .nydown-list table tbody tr td{color:#666;} .nydown-list table tbody tr td:first-child{color:#333;} /*下载详情*/ .showdown-top{ margin-bottom:20px; } .showdown-top>h1{ font-size: 18px;margin-bottom:10px;color:#333;font-weight:bold;padding-left:20px; } .showdown-top>ul{ padding:10px;background:#f6f6f6; } .showdown-top>ul>li{ border-bottom: 1px solid #eee;font-size:12px;color:#666;margin-bottom:5px;line-height:20px; } .showdown-top>ul>li:last-child{ margin-bottom:0; } .showdown-top>ul>li>span{ padding: 0px 10px;margin-right: 5px; } .showdown-con { font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px; } .showdown-con img{ max-width:100%;height:auto !important; } /*图片列表*/ .nyimg-ul{overflow:hidden;} .nyimg-ul li {margin-bottom:20px;padding:0 10px;} .nyimg-ul li .nyimg-div {background:#fff;padding:7px;border:1px solid #D9D9D9;} .nyimg-ul li .nyimg-div a {display:block;overflow:hidden;} .nyimg-ul li .nyimg-div img {margin:0 auto;-webkit-transition:1s;-moz-transition:1s;transition:1s;width:100%;} .nyimg-ul li .nyimg-a{padding:0 5px;margin-top:9px;line-height:40px;display:block;background:#EFEFEF;font-size:14px;color:#333;text-align:center;} .nyimg-ul li:hover .nyimg-a {color:#ffffff !important;} .nyimg-ul li:hover .nyimg-div img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nyimg-ul li:hover .nyimg-a {background:#0B74CE;color:#fff;} @media (max-width:767px){ .nyimg-ul li .nyimg-a{line-height:32px;} } /*图片详情*/ .showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;} .showimg-top h1{line-height: 1.5;color: #333;text-align: center;font-size:30px;} .showimg-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;} .showimg-img{margin-top: 25px;margin-bottom: 15px;text-align:center;} .showimg-img img{max-width: 100%;height:auto !important;} .ctitle{margin-bottom:15px;} .ctitle h3{padding-left:20px;background: url(../image/dt-7.gif) no-repeat left center;line-height:30px;border-bottom: 1px dotted #ccc;color:#666;font-size:16px;font-weight:bold;} .showimg-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 300;padding: 0 10px;border-bottom: 1px solid #F0F2F5;padding-bottom: 20px;} .showimg-con img{max-width: 100%;height:auto !important;} .showimg-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;} .showimg-page>div[class^="col-"]{padding: 0 10px;} .showimg-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showimg-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} .showimg-right{border-left:1px solid #f0f2f5;} @media (max-width:767px){ .showimg-left{padding:0;} .showimg-top h1{font-size: 20px;} .showimg-con{font-size:14px !important;} .showimg-page a{padding:8px;} } /* 右侧栏目信息 */ .nybusiness{margin-bottom: 20px;line-height: 40px;border-bottom: 1px #ccc solid;overflow: hidden;} .nybusiness h3{ float: left; width: 150px; text-indent: 30px; height: 40px; line-height: 40px; border-bottom: 2px #0B74CE solid; color: #0B74CE; font-size: 18px; font-weight: bold; background: url(../image/ny-objs.png) no-repeat left;} .nybusiness>p{font-size: 16px;color: #c7161e;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../image/ny-objs.png) no-repeat left;} .nybusiness a{margin-bottom:10px;display:block;position:relative;} .nybusiness a:last-child{margin-bottom:0;} .nybusiness-img{overflow:hidden;border: 1px solid #ccc;} .nybusiness a p{position:absolute;left:0;bottom:0;background: rgba(0,0,0,.5);width:100%;line-height:30px;padding:0 10px;text-align:center;color:#fff;} .nybusiness a:hover p{background: rgba(0,153,255,.5);} .donghua{ text-align:center; line-height:42px; font-size:16px; } .hotnews{} .hotnews p{font-size: 16px;color: #0B74CE;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(/staticres/images/ny-news.png) no-repeat left;} .hotnews a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(/staticres/images/iyuan.png) no-repeat left;background-size:8px;} .hotnews a:hover{background: url(/staticres/images/iyuan_on.png) no-repeat left;color: #0B74CE;} /*新闻列表*/ .nynews-ul {overflow:hidden;display:flex;flex-wrap:wrap;} .nynews-ul li.nynews-li {padding:0 10px 10px;margin-bottom:20px;cursor:pointer;float:none;} .nynews-img {padding:0;overflow:hidden;border:1px solid #f3f3f3;} .nynews-img a {display:block;} .nynews-img img {width:100%;transition:.8s} .nynews-ul li.nynews-li:hover img {transform:scale(1.02);} .nynews-date {color:#333;line-height:20px;font-size:12px;} .nynews-date span {color:#4d4c51;} .nynews-date img {margin:4px 6px 0 0;float:left;} .nynews-date p {float:left;margin:0;} .nynews-date i {margin-right:5px;} .nynews-con h3 {font-size:18px;font-weight:bold;color:#3b3c3c;text-transform:uppercase;line-height:32px;letter-spacing:1px;margin-top:0px;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .nynews-con h3 a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;} .nynews-ul li.nynews-li:hover h3 a {color:#0B74CE;} .nynews-con {background-color:#f9f9f9;padding-top:16px;padding-bottom:18px;} .nynews-con p.nynews-desp {color:#8d8d8d;font-size:14px;line-height:23px;margin:10px 0;height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .nynews-con a.nynews-more {position:relative;left:0;color:#ffffff;font-size:15px;padding:7px;background:#0B74CE;margin-top:10px;width:120px;display:block;border-radius:20px;float:left;text-align:center;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;} .nynews-con a.nynews-more:hover {background:#FF7A0E;left:10px;color:#ffffff !important;} @media (max-width:991px) { #nynewslist>.container {padding-left:5px;padding-right:5px;} .nynews-ul li.nynews-li {padding:0 5px 4px;margin-bottom:14px;} } @media (max-width:767px) { .nynews-con h3 {font-size:16px;font-weight:bold} .nynews-con {padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 12px;} .nynews-con p.nynews-desp{margin: 2px 0 8px;} } /*新闻详情*/ .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .shownews-time{text-align:center;} .shownews-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .shownews-time span:last-child{margin-right:0;} .shownews-con{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .shownews-con img{max-width:100%;height:auto !important;} .shownews-page{overflow: hidden;margin-left:-10px;margin-right:-10px;margin-bottom:20px;} .shownews-page>div[class^="col-"]{padding: 0 10px;} .shownews-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .shownews-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ .shownews-top h1{font-size: 20px;} .shownews-con{font-size:14px !important;line-height: 1.6;} .shownews-page a{padding:8px;} } /* 招聘模块Nyjoblist*/ .nyjoblist-ul{overflow: hidden;} .nyjoblist-ul li{margin-bottom: 20px;border-bottom: 1px solid #dedede;} .nyjoblist-ul li .nyjoblist-top{padding: 20px;position: relative;overflow:hidden;} .nyjoblist-ul li .nyjoblist-top h3{color: #333;font-size: 20px;font-weight: bold;padding-bottom: 10px;} .nyjoblist-ul li .nyjoblist-top span{padding-right: 20px;color: #999;} .nyjoblist-ul li .nyjoblist-top p{color:#666;margin:10px 0;} .nyjoblist-ul li .nyjoblist-top>a{float:left;padding:10px 25px;background:#0B74CE;border-radius:20px;color:#fff;margin-right:10px;} .nyjoblist-ul li .nyjoblist-top>a+a{margin-right:0;} .nyjoblist-ul li .nyjoblist-top>a:hover{background:#ffc531;color:#333;} @media (max-width:767px) { .nyjoblist-ul li .nyjoblist-top{padding:10px;} } .showjob-left{padding-bottom:30px;} .showjob-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:10px;} .showjob-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 30px;} .showjob-list{overflow:hidden;margin-bottom:30px;} .showjob-list li{width:50%;float:left;padding:5px 10px;background: url(/staticres/images/dt-0.png) no-repeat left top 13px;} .showjob-list li span{float: left;margin-right: 10px;color: #999;} .showjob-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 400;padding: 10px 0;} .showjob-con img{max-width: 100%;height:auto !important;} .showjob-more{} .showjob-page{padding-top: 20px;padding-bottom:20px;overflow: hidden;} .showjob-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .showjob-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} @media (max-width:767px){ .showjob-top h1{ font-size:20px;} .showjob-top h2{ font-size:16px;} .showjob-con{padding:0;font-size:14px !important} .showjob-left{padding: 0;} .showjob-page>div[class^="col-"]{padding: 0 10px;} } /* 产品列表 */ .nypro-ul{overflow:hidden;padding-top: 20px;} .nypro-ul li{ padding: 10px;} .nypro-ul li>div{margin-bottom:10px;border: 1px solid #ccc;padding: 10px;} .nypro-ul li a{display:block;position:relative;overflow:hidden;} .nypro-ul li a .nypro-img{/* border-radius: 15px; *//* border: 1px solid #ccc; */padding-bottom: 10px;} .nypro-ul li a h2{line-height: 32px;color: #333;text-align:center;font-size: 18px;padding:0 5px;} .nypro-ul li a p{ padding: 5px; color: #666; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} .nypro-ul li:hover>div{ border:1px solid #0B74CE; } .nypro-ul li a:hover .nypro-img{} .nypro-ul li a:hover h2{color:#0B74CE;} .pro_main {position: relative;padding: 0 10px;display: none;} .p14-product-2-tit {height: 48px;line-height: 48px;font-weight: normal;border-bottom: 2px solid #dfdfdf;margin: 0 0 20px;} .p14-product-2-tit b {display: inline-block;font-size: 18px;font-weight: bold;line-height: 40px;color: #0B74CE;padding-left: 30px;width: 120px;border-bottom: 2px solid #0B74CE;background: url(../image/p14-icon11.png) no-repeat 0 center;} .p14-product-2-tit span {margin-left: 10px;font-size: 16px;font-family: Arial;color: #c2c2c1;text-transform: uppercase;} .pro-list{overflow:hidden;border: 1px solid #ccc;padding: 16px;} .pro-list .sycp-img{ padding: 20px; border: 1px solid #ccc;} .pro-list .sycp-img img{} .pro-list .sycp-nr{padding-top: 32px;padding-left: 50px;} .pro-list .sycp-nr h4{ background: #0B74CE; display: inline-block; padding: 6px 20px; color: #fff; line-height: 24px; margin-bottom: 16px;} .pro-list .sycp-nr h2{font-size: 24px;padding-bottom: 10px;overflow: hidden;text-overflow: ellipsis;color: #ee3333;white-space: nowrap;} .pro-list .sycp-nr p{padding: 6px 0;font-size: 16px;color: #666;} .pro-list .sycp-nr .cp-p1{ padding-bottom: 20px;} .pro-list .sycp-nr .cp-p2{ font-weight: bold;} .pro-list .sycp-nr .cp-p3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pro-list .sycp-nr a{ border: 2px solid #0B74CE; width: 142px; height: 40px; display: inline-block; text-align: center; line-height: 36px; font-size: 16px; border-radius: 24px; color: #0B74CE; margin-top: 20px;} .pro-list .sycp-nr a:hover{ background:#0B74CE; color:#fff; } .pro-list .owl-carousel .owl-nav{ display: block;} .pro-list .owl-carousel .owl-nav .owl-prev{ top:50% } .pro-list .owl-carousel .owl-nav .owl-next{ top:50% } @media (max-width:1200px){ .pro-list .sycp-nr{padding-top: 4px;padding-left: 32px;} .pro-list .sycp-nr .cp-p1{padding-bottom: 10px;} } @media (max-width:767px){ .nypro-ul li a p{line-height: 24px;font-size:14px;} .pro-list .sycp-nr{padding-left:15px;padding-top: 20px;} } /*产品详情*/ .showpro-top{padding-bottom: 10px;/* border-bottom: 1px solid #f0f2f5; */margin-bottom:20px;margin-top: 16px;} .showpro-top h1{line-height: 1.5;color: #333;font-size: 24px;padding-bottom: 10px;border-bottom: 2px solid #ccc;margin-bottom: 10px;} .showpro-top span{margin-right: 10px;font-size: 14px;color: #a3afb7;} .ny-syfw{font-size:14px;line-height:1.8;color:#666;padding:10px 0 0 0;margin-bottom:20px;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;} .showpro-img{margin-bottom:20px;overflow:hidden;} .showpro-img .sp-wrap{ display:block; } .showpro-img .sp-wrap img{ width:100% } .showpro-imgbox{ padding:0; } .sp-thumbs a:link, .sp-thumbs a:visited{width:140px;height:93px;} @media (max-width:767px){ .showpro-top h1{font-size: 20px;padding-bottom: 10px;} .showpro-imgbox{padding:0;} .showpro-top{margin-top:20px;padding: 0;} .nypro-ul li a h2{font-size:16px;line-height: 24px;} } /*产品参数*/ .nyproshow-info{line-height: 24px;color:#666;margin-bottom:20px;} .showpro-tel{overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;} .showpro-telx{float:left;line-height:40px;} .showpro-telx img{float:left;margin-right:12px;} .showpro-telcon{float:left;} .showpro-telcon p{float:left;color:#666;margin-bottom:0;} .showpro-telcon span{float:left;color:#333;font-size:24px;font-family: arial;} .showpro-tel a{float:right;display:block;line-height:40px;padding:0 20px;background:#0B74CE;color:#fff;} .showpro-tel a i{margin-right:5px;} .showpro-tel a:hover{background:#0B74CE;} .showpro-con{margin-top: 20px;} .showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;overflow:hidden;} .showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul li.on{background: #0B74CE;color:#fff;} .showpro-con ul li:last-child{margin-right: 0;} .showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;} .showpro-details .showpro-det{/* display:none; */min-height:200px;} .showpro-details div{margin-bottom: 10px;} .showpro-details p{margin: 5px 0;} .showpro-details img{max-width: 100%;height:auto !important;} .showpro-details video{max-width: 100%;height:auto !important;} @media (max-width:767px){ .showpro-details{font-size: 14px;line-height: 1.6;} .showpro-tel a{float:left;margin-top: 12px;} } /*相关产品*/ .nyaboutpro{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;} .nyaboutpro>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #0B74CE solid;color: #0B74CE;font-size: 18px;font-weight: bold;background:url(/staticres/images/nyaboutproico.png) no-repeat left;} #abprolist{margin:20px 0;} #abprolist li{padding:0 10px;} #abprolist li a{display:block;} #abprolist li a .abpro-img{padding:2px;border:1px solid #ccc;} #abprolist li a .abpro-img img{display:block;max-width:100%;} #abprolist li a p{margin-top:5px;line-height:30px;height:30px;text-align:center;background:#ccc;padding:0 10px;color:#333;} #abprolist li a:hover .abpro-img{border-color:#0B74CE;} #abprolist li a:hover p{background:#0B74CE;color:#fff;} /* 标签 */ .pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;} .pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;} .pro_key a:hover{background:#0B74CE;} /* 分享按钮 */ .jiathis{padding-top:10px;height:35px;line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin-bottom:20px;} .jiathis .jiathis_txt{float: left;} /* 上下页按钮 */ .ny-page{overflow: hidden;margin-bottom:30px;} .ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;} .ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;} .ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} /* 搜索模块 */ .nysearch-ul{ overflow: hidden;} .nysearch-ul li.nysearch-li{ padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;overflow:hidden;} .nysearch-til>a{ line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #0B74CE;margin-right: 5px;position: relative;top:0;padding: 4px 6px;} .nysearch-til>a .nysearch-arrow{ position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #1ea839;} .nysearch-til>a:hover{ background:#333; } .nysearch-til>a:hover .nysearch-arrow{ border-left-color:#333; } .nysearch-til>h2{ display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px; } .nysearch-con p.nysearch-desp{ color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nysearch-date { color: #333;line-height: 20px;font-size: 12px; } .nysearch-date span{ color: #999; } .nysearch-date p{ float: left;margin: 0; } .nysearch-date i{ margin-right: 5px; } .nysearch-con a.nysearch-more{ position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .nysearch-con a.nysearch-more:hover{ background: #0B74CE;left:10px;} /*联系我们*/ .product-inlist{background-color:#f6f6f6;} .contact_meg {float:right;width:50%;height:510px;z-index:3;background:#f6f6f6;} .meg_con .title2 {font-size:28px;color:#333333;max-width:510px;margin-bottom:24px;margin-top:35px;font-weight:bold;} .meg_con .tel {padding:13px 0;border-top:solid 1px #333;border-bottom:solid 1px #333;color:#333;max-width:510px;font-size:30px;} .meg_con .tel img {display:inline-block;} .meg_con .megs {margin-top:20px;font-size:15px;line-height:36px;} .meg_con {width:100%;z-index:3;padding-left:8%;padding-right:4%;box-sizing:border-box;} .my-map {margin:0 auto;width:50%;height:510px;float:left;} .amap-container {height:100%;} @media only screen and (max-width:1199px) { .meg_con {width:100%;position:unset;padding-left:5%;box-sizing:border-box;} .meg_con .title2, .meg_con .tel{max-width: initial;width: 100%;} .contact_meg {width:100%;float:none;height:auto;padding-bottom:40px} .my-map {margin:0 auto;width:100%;height:400px;float:none;} } @media only screen and (max-width:991px) { .product-inlist>div{margin-bottom: 0 !important;} .product-inlist{margin-bottom: 0;} } @media only screen and (max-width:768px) { .meg_con .title2 {margin-bottom:16px;margin-top:20px;font-size:24px;} .meg_con .megs {font-size:14px;line-height:30px;} .meg_con .tel {padding:10px 0;font-size:20px;} .meg_con .tel img {width:26px;} .meg_con .megs {margin-top:10px;} .meg_con .tel img {width:20px;margin-bottom:0;} .meg_con .title2 {font-size:22px;} .product-inlist {margin-top:10px;} } /*翻页样式*/ .metpager_1{ text-align:center;} .metpager_2{ text-align:center;} .metpager_3{ text-align:center;} #flip{ line-height: 25px; } .digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none; } .digg4 .disabledfy{ font-family: Tahoma, Verdana; } .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009; } .metpager_4 a:hover { border:1px solid #009; color:#000; } .metpager_4 a:active {border:1px solid #009; color:#000; } .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none; } .metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;} .metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#0B74CE; display: inline-block; } .metpager_5 a:hover { border:1px solid #0B74CE; color:#fff; background-color:#0B74CE;} .metpager_5 a:active {border:1px solid #0B74CE; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#0B74CE; border:1px solid #0B74CE; text-decoration:none;display: inline-block;} .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;} .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../image/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background:url(../image/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../image/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../image/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../image/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} @media (max-width:767px){ .digg4>span:nth-child(-n+2){display:none;} } .nymenu{width: 0;height: calc(100% - 50px);position: fixed;z-index: 108;top: 0;/* background: rgba(0,0,0,0.3); */} .nymenu>a{position: fixed;right: 0;bottom: 100px;width: 30px;text-align: center;padding: 5px;background: #0B74CE;color: #fff;z-index: 999;} .nymenu-con{position: fixed;overflow-y: auto;top: 81px;right: -280px;width: 280px;padding: 15px 25px 25px;height: calc(100% - 50px);background-color: #0B74CE;color:#fff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 100;} .nymenu-con h3{font-size: 18px;font-weight: bold;line-height: 40px;border-bottom: 1px dashed #fff;margin-bottom: 10px;} .nymenu-con dl{margin-bottom: 0;} .nymenu-con dl a{color: #fff;} .nymenu-con dl dt, .nymenu-con dl dt a{ display: block;font-size: 17px;line-height: 40px;font-weight: bold;} .nymenu-con dl dd{/* padding-left: 10px; */} .nymenu-con dl dd a{ display: block;margin: 6px 10px 6px 0px;padding-left: 16px;background: url(/staticres/images/nav-sanjiao.png) left no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .nymenu-con>a{ float: right;color: #fff;position: relative;top:8px;z-index: 102;font-size: 18px;} .nymenu-con.on{ right: 0; } .showproductli{ margin-top: 20px; } .showproductli .row { background: #fff; overflow: hidden; } .showproductli .showproductli_l { padding-left: 0px; } .showproductli .showproductli_r h1{ font-weight: bold; line-height: 2; color: #333; font-size: 28px; border-bottom: 3px solid #ddd; position: relative; } .showproductli .showproductli_r h1::before{ position: absolute;content: '';background-image: linear-gradient(to right, #0B74CE, #0476e7);width: 200px;height: 3px;left: 0;bottom: -3px;} .showproductli .showproductli_r>p{ margin:25px 0; font-size: 16px; color: #666; line-height: 2; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .showproductli .showproductli_r span{ font-size: 18px; width: 100%; text-align: center; line-height: 3;background-image: linear-gradient(to right, #0B74CE, #0B74CE); display: block; color: #fff; margin-top: 20px;} .showproductli .showproductli_r .showproductli_info p{ font-size: 18px;color: #333;margin-top: 10px;line-height: 1.8;font-weight: bold;} .showproductli .showproductli_r .showproductli_info p em{ display: block; color: #666; font-weight: normal; font-size: 16px; line-height: 2;} .showproductli .showproductli_r .showproductli_info p:last-of-type em{ color: #666;font-weight: normal;font-size: 18px;line-height: 2;} .showproductli .showproductli_r ul{ overflow: hidden; margin-top: 20px;} .showproductli .showproductli_r ul li a{ background: #383f4a; display: block; border-radius:50px; line-height: 3; color: #fff; text-align: center; font-weight: bold; padding-left: 24px;} .showproductli .showproductli_r ul li.advisory a{ background: url(../image/advisory.png) no-repeat 36px 10px,linear-gradient(to right, #0B74CE, #0e7deb); } .showproductli .showproductli_r ul li.tel a{ background: #383f4a url(../image/tel.png) no-repeat 36px 10px;} .showproductli .showproductli_r ul li:hover a { border-image: linear-gradient(to right, #0B74CE, #0B74CE); } @media(max-width: 1199px){ .showproductli .showproductli_r h1{ font-size: 24px; } .showproductli .showproductli_r>p{ margin: 15px 0; font-size: 15px; } .showproductli .showproductli_r ul li{ padding: 0 5px; } .showproductli .showproductli_r ul li.advisory a{ background: #383f4a url(../image/advisory.png) no-repeat 20px 10px; } .showproductli .showproductli_r ul li.tel a{ background: #383f4a url(/staticres/images/tel_on.png) no-repeat 20px 10px; } .nymenu{ display: block !important; } } @media(max-width: 991px){ .showproductli .showproductli_l{padding: 0; padding-left: 10px; padding-right: 10px;} .showproductli .showproductli_r{margin-top: 20px; padding: 0; } } @media(max-height: 767px){ .showproductli .showproductli_r { padding-left: 10px; padding-right: 10px; } .showproductli .showproductli_r h1{ font-size: 18px;} .showproductli .showproductli_r>p{margin:10px; font-size: 14px; -webkit-line-clamp:3;} .showproductli .showproductli_r ul li{padding: 0 5px; margin-bottom: 10px;} .showproductli .showproductli_r ul li.advisory a{background: #383f4a url(../image/advisory.png) no-repeat 40px 10px;} .showproductli .showproductli_r ul li.tel a{background: #383f4a url(../image/tel.png) no-repeat 40px 10px;} .showproductli .showproductli_r span{ font-size: 14px; line-height: 2.5;} } /*内页联系我们*/ .lianxi_m {overflow: hidden;margin-top: 10px;margin-bottom: 24px;background: #f5f5f5;} .lianxi_m .lianxi_ml {width: 410px;float: left;background: #0B74CE;color: #fff;padding: 30px 40px 30px 40px;overflow: hidden;} .lianxi_m .lianxi_ml .lianxi_ml_m { overflow: hidden;font-size: 36px;font-weight: bold;line-height: 52px;margin-bottom: 18px; color: #fff; } .lianxi_m .lianxi_ml .lianxi_ml_s { width: 310px;border: solid 2px #fff;font-size: 26px;font-family: Arial, Helvetica, sans-serif;text-align: center;margin-bottom: 18px;line-height: 55px; } .lianxi_m .lianxi_ml .lianxi_ml_en { font-family:'Arial';font-size: 24px;line-height: 40px; } .lianxi_mr {float: right;position: relative;width: calc(100% - 470px);} .lianxi_mr_i {float: left;font-family: Arial, Helvetica, sans-serif;font-size: 100px;font-weight: 89;margin-left: -28px;line-height: normal;color: #999;position: absolute;overflow: hidden;margin-top: 20px;} .lianxi_m .mr_i {font-size: 100px;line-height: 200px;margin-top: 100px;margin-left: calc(100% - 690px); position: absolute; right:30px;} .lianxi_mr_m {width: calc(100% - 69px);float: left;overflow: hidden;padding-left: 22px;padding-right: 10px;padding-top: 38px;line-height: 28px;color: #666;font-size: 16px;text-align:left} .lianxi_mr_m span {font-size: 24px;font-weight: bold;line-height: 60px;color: #0B74CE;} .contact_ny ul{ background: #fff; overflow: hidden; border-right: none;} .contact_ny ul li {float: left;width:33.3333%;height: 140px;border-width: 1px 0 1px 1px;border: 1px solid #ececec;padding:35px;text-align: left;box-sizing: border-box; } .contact_ny ul li em {float: left;display: inline-block;width: 51px;height: 51px;margin-right: 9px;margin-top: 6px;} .contact_ny ul li h5 {color: #0B74CE;margin-bottom: 6px;margin-top: 10px;font-size: 18px;font-weight: bold;display: block;} @media(max-width: 1199px) { .lianxi_m .lianxi_ml { width: 400px; } .lianxi_mr_i { display: none; } .lianxi_mr { width: calc(100% - 400px); } } @media(max-width: 991px) { .contact_ny ul li { width: 50%; } .lianxi_mr { width: calc(100% - 360px); } .lianxi_m .lianxi_ml { width: 360px;padding: 30px 20px 30px 20px; } .lianxi_mr_m{ width: 100%; } } @media(max-width: 767px) { .lianxi_m .lianxi_ml{ width: 100%;float: none; overflow: hidden; padding: 20px 20px 20px 20px;} .lianxi_mr { width: 100%; float: none; overflow: hidden; } .contact_ny ul li{ width: 100%; } .lianxi_mr_m{ padding-top: 15px;padding-bottom: 20px;padding-left: 10px;font-size: 15px; } .lianxi_m .lianxi_ml .lianxi_ml_m { font-size: 24px;margin-bottom: 6px; } .lianxi_m .lianxi_ml .lianxi_ml_s { width: 290px;line-height: 48px;font-size: 24px;margin-bottom: 10px; } .lianxi_m .lianxi_ml .lianxi_ml_en { font-size: 20px; line-height: auto; } } @media(max-width: 500px) { .contact_ny ul li{ padding: 26px 35px;height: 120px; } } /*内页关于我们修改*/ .ny_about { overflow: hidden; padding-bottom: 40px; } .ny_about .ny_about_nr { overflow: hidden; } .ny_about .ny_about_nr .ny_about_nr_l { padding-left: 0px; } .ny_about .ny_about_nr .ny_about_nr_r { padding-right: 0px; } .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t {padding-top: 40px;overflow: hidden;margin-bottom: 18px;} .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t span {font-size: 40px;font-weight: bold;color: #0B74CE;display: block;line-height: 50px;} .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t p {display: block;font-size: 18px;color: #888;line-height: 34px;padding-top: 10px;} .ny_about .ny_about_nr .ny_about_nr_r .desc { line-height: 32px; font-size: 16px; color: #555; } .ny_about .main { display: flex; margin-top: 30px; padding-bottom: 20px; padding-top: 20px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; } .ny_about .main .stat-items { flex: 1; text-align: center;} .ny_about .main .stat-items .stat-items-t-box .stat-items-t {font-size: 54px;font-weight: bold;color: #0B74CE;font-family: 'ch';line-height: 54px;} .ny_about .main .stat-items .stat-items-t-box .stat-items-unit { font-size: 18px; color: #333333; } .ny_about .main .stat-items p {font-size: 16px;padding-left: 3px;color: #666666;} .ny_about_sl { padding-top: 30px; overflow: hidden; } .ny_about_sl .ny_about_sl_t { overflow: hidden; } .ny_about_sl .ny_about_sl_t .ny_about_sl_l { float: left; text-align: left; } .ny_about_sl .ny_about_sl_t .ny_about_sl_l p { font-size: 36px;font-weight: bold;color: #0B74CE;display: block;line-height: 50px; } .ny_about_sl .ny_about_sl_t .ny_about_sl_l span { display: block;font-size: 16px;color: #888;line-height: 34px; } .ny_about_sl .ny_about_sl_t .ny_about_sl_r { float: right; text-align: right; } .ny_about_sl .ny_about_sl_t .ny_about_sl_r p { font-size: 36px; font-weight: bold; color: #444; text-transform: uppercase; padding-top: 20px; } .ny_about_sl .ny_about_sl_nr { line-height: 28px; font-size: 15px; color: #555; margin-top: 20px; margin-bottom: 20px; } .homevideocen{ position:relative; } .homevideocen img{ width:100%; } .homevideocen video{ position: absolute;left: 0;top: 0;width: 100%;height: 100%; background: #000; } #nyscgy .ny_about_sl_t { overflow: hidden; } #nyscgy .ny_about_sl_t .ny_about_sl_l { float: left; text-align: left; } #nyscgy .ny_about_sl_t .ny_about_sl_l p {font-size: 36px;font-weight: bold;color: #0B74CE;display: block;line-height: 50px; } #nyscgy .ny_about_sl_t .ny_about_sl_l span { display: block;font-size: 16px;color: #888;line-height: 34px; } #nyscgy .ny_about_sl_t .ny_about_sl_r { float: right; text-align: right; } #nyscgy .ny_about_sl_t .ny_about_sl_r p { font-size: 36px; font-weight: bold; color: #444; text-transform: uppercase; padding-top: 20px; } #nyscgy{ padding-bottom:20px; } .lcnr{width: 100%;display: inline-block;padding: 20px 0; } .lcnr ul{} .lcnr ul li{margin: 6px 0;padding-left: 0; } .lcnr ul li p{ border: 1px solid #ccc; text-align: center; line-height: 54px; font-size: 18px; } .lcnr ul li:hover p{ background:#0B74CE; color:#fff } .yclnr{ padding: 20px 0; } .ycl-top{} .ycl-top h2{ font-size: 18px; font-weight: bold; } .ycl-top p{ padding: 16px 0; font-size: 16px; } .ycl-bottom{} .ycl-bottom h2{ font-size: 18px; font-weight: bold; } .ycl-bottom ul{display: inline-block;padding-top: 20px; } .ycl-bottom ul li{/* padding: 10px; */padding-left: 0; } .ycl-bottom ul li p{ text-align: center; line-height: 42px; font-size: 16px; } .ycl-bottom ul li img{ border: 1px solid #ccc; padding: 2px; } .ycl-bottom ul li:hover img{ border:1px solid #0B74CE; } .plss1{padding-top: 12px;padding-bottom: 12px;} .plss1 p{ font-size: 16px; line-height: 32px;} .plss2{ padding: 12px 0; } .plss2 .nnn1{} .plss2 .nnn1 h2{ font-size: 18px; font-weight: bold; padding-bottom: 10px; } .plss2 .nnn1 p{ font-size: 16px; line-height: 32px; } .plss2 .nnn2{ padding: 10px 0;} .plss2 .nnn2 h2{ font-size: 18px; font-weight: bold; padding-bottom: 12px; } .plss2 .nnn2 p{ font-size: 16px; line-height: 32px; } .plss3{ padding: 12px 0;padding-bottom: 20px; } .plss3 p{ line-height: 32px; font-size: 16px; } .plss3 h2{ font-size: 18px; font-weight: bold; padding: 12px 0; } .plss3 img{} .plss4{ padding: 10px 0; } .plss4>p{ line-height: 32px; font-size: 16px; padding: 10px 0;} .plss4 ul{ display: inline-block;} .plss4 ul li{ padding-left: 0;} .plss4 ul li img{ border: 1px solid #0B74CE;} .plss4 ul li p{ line-height: 42px; font-size: 16px; text-align: center;} .plss4 h2{font-size: 18px;font-weight: bold;padding-bottom: 10px;} .plss5{ padding-bottom: 10px;} .plss5 p{ font-size: 16px; line-height: 42px;} .plss6{} .plss6 p{ line-height: 32px; font-size: 16px; padding: 10px 0;} .plss6 ul{ display: inline-block; padding: 10px 0;} .plss6 ul li{ padding-left: 0;} .plss6 ul li img{} @media(max-width: 1430px) { .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t { padding-top: 20px; margin-bottom: 20px; } .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t span { font-size: 34px; } .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t p { font-size: 16px; } .ny_about .ny_about_nr .ny_about_nr_r .desc { font-size: 15px; line-height: 26px; } .ny_about_sl .ny_about_sl_t .ny_about_sl_l p { font-size: 32px; } .ny_about_sl .ny_about_sl_t .ny_about_sl_r p { font-size: 32px; } } @media(max-width: 1330px) { .ny_about .ny_about_nr .ny_about_nr_r .desc { font-size: 14px; line-height: 24px; } .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t { padding-top: 0px; margin-bottom: 10px;} .ny_about_sl .ny_about_sl_nr{ font-size: 14px; line-height: 24px; } } @media(max-width: 1199px) { .ny_about .ny_about_nr .ny_about_nr_l { padding-right: 0px; } .ny_about .ny_about_nr .ny_about_nr_r { padding-left: 0px; margin-top: 30px; } } @media(max-width: 991px) { .ny_about_sl .ny_about_sl_t .ny_about_sl_r p { display: none; } #nyscgy .ny_about_sl_t .ny_about_sl_r p{ display:none; } } @media(max-width: 767px) { .ny_about .ny_about_nr { padding-left: 10px;padding-right: 10px; } .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t span { font-size: 26px; } .ny_about .ny_about_nr .ny_about_nr_r .ny_about_nr_r_t p { font-size: 13px; line-height: 2; } #nyscgy .ny_about_sl_t .ny_about_sl_l p{font-size: 26px;line-height: 36px;} #nyscgy .ny_about_sl_t .ny_about_sl_l span{ font-size: 14px; line-height: 2; } .ny_about_sl{ padding-left: 10px;padding-right: 10px; } .ny_about_sl .ny_about_sl_t .ny_about_sl_l p { font-size: 26px; } .ny_about_sl .ny_about_sl_t .ny_about_sl_l span{ font-size: 14px; line-height: 2; } } /*悬浮在线留言*/ .float-msg{position:fixed;left:0;bottom:0;z-index:9999;width:200px;background:#fff;box-shadow:2px 2px 10px rgba(0,0,0,.2);border-radius:0 6px 0 0;font-family:"Microsoft YaHei",sans-serif;} .float-msg-header{background:#5bb0f9;color:#fff;padding:10px 15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:0 6px 0 0;font-size:16px;font-weight:bold;} .float-msg-btn{font-style:normal;font-size:18px;line-height:1;user-select:none;} .float-msg-body{padding:15px;max-height:420px;overflow-y:hidden;} .float-msg-tip{font-size:12px;color:#888;line-height:1.6;margin-bottom:10px;} .float-msg-body textarea{width:100%;height:70px;border:1px solid #ddd;border-radius:4px;padding:8px;font-size:13px;resize:none;box-sizing:border-box;margin-bottom:8px;overflow:hidden;} .float-msg-body textarea:focus,.float-msg-field input:focus{border-color:#0B74CE;outline:none;} .float-msg-field{position:relative;margin-bottom:8px;} .float-msg-field i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#aaa;font-size:14px;} .float-msg-field input{width:100%;height:36px;border:1px solid #ddd;border-radius:4px;padding:0 10px 0 32px;font-size:13px;box-sizing:border-box;} .float-msg-code{display:flex;gap:8px;align-items:center;} .float-msg-code input{flex:1;} .float-msg-code img{height:36px;cursor:pointer;border-radius:4px;} .float-msg-submit{width:100%;height:38px;background:#5bb0f9;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;margin-top:4px;} .float-msg-submit:hover{background:#095ea8;} .float-msg.collapsed .float-msg-body{display:none;} .float-msg.collapsed{border-radius:0 6px 6px 0;} .float-msg.collapsed .float-msg-header{border-radius:0 6px 6px 0;} .float-msg.collapsed .float-msg-btn{transform:rotate(0);}