/* 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; } html, body {width: 100%;max-width: 100%;min-width: 320px;min-height: 100%;height: auto;} address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;} /* a */ a { color:#333; text-decoration:none; } a:visited { } a:active, a:hover { text-decoration:none; color:#00408f; } 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;} .ishow{display: block;} .ihide{display: none;} .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; } .transition300em{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;} .mar0a{margin: 0 auto;} .h160{height: 160px;} 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>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;} @media (min-width: 1300px){ .container {width: 1270px;} } @media (min-width: 1400px){ .container {width: 1370px;} } @media (min-width: 1500px){ .container {width: 1470px;} } @media (min-width: 1600px){ .container {width: 1570px;} } @media (max-width:767px) { .container{padding-left: 10px;padding-right: 10px;width: 100%;} .row{margin-left: -10px;margin-right: -10px;} body{padding-bottom: 50px;} } @media (max-width:500px) { .h160{height: 115px;} } @media (max-width:415px) { .h160{height: 100px;} } /* 头部Header */ header{position: fixed;left: 0;top: 0;width: 100%;height: 140px;z-index: 100;background:#fff;} #headHigh{height: 140px;position: relative;} /* logo */ .logo{float:left;padding:3px 0;} .hoico1{float:left;margin-left:65px;margin-top:20px;position:relative;cursor:pointer;} .hoimg1{position:absolute;left:50%;top:50px;margin-left:-152px;box-shadow:0px 4px 51px 0px rgb(8 55 126 / 63%);z-index:10;display:none;} .hoimg1 img{width:280px;} .hoico1:hover .hoimg1{display:block;} .hoico2{float:left;margin-left:15px;margin-top:13px;position:relative;cursor:pointer;} .hoimg2{position:absolute;left:50%;top:55px;margin-left:-140px;box-shadow:0px 4px 51px 0px rgb(8 55 126 / 63%);z-index:10;display:none;} .hoimg2 img{width:280px;} .hoico2:hover .hoimg2{display:block;} .hetrg{float:right;padding:22px 0;position: relative;} .htmail{float:left;width:40px;height:40px;line-height:40px;background:#006ac4;border-radius:20px;text-align:center;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .htmail span{font-size:18px;color:#fff;} .htmail:hover{background:#00408f;} .htmail:hover span{color:#fff;} .httel{float:left;padding:0 28px;border-radius:20px;line-height:40px;background-color:#00408f;background-image:linear-gradient(-60deg, #01387c, #126bd9bd);margin-left:22px;} .httel span{color:#fff;font-size:18px;font-weight:bold;display:block;padding-left:32px;background: url(../image/httel.png) no-repeat left;} .htlang{float:left;font-size:16px;font-weight:bold;color:#353535;margin-left:15px;margin-top:9px;margin-bottom:9px; padding-right:15px;} .htlang span{margin-right:8px;} .navbtn{float:right;} .navbtn img{width:40px;} .htsearch{float:left;position:relative;} .htsearch>span{color:#444;font-size:18px;line-height:40px;padding:0 15px;cursor:pointer;} .q_search{position:absolute;right:0;top:100px;width:280px;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);border: 1px solid rgba(0,0,0,.15);z-index:99999;display:none;} .q_search .q_search1{padding:25px 20px;} .q_search .form-group{position:relative;margin:0;} .q_search input[type="search"]{display: block;width: 100%;color: #000;line-height: 24px;padding: 7px 40px 7px 15px;height: 40px;border: 1px solid #e0e0e0;background: #fff;} .q_search .search-btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;text-align: center;color: #555;font-size: 16px;background: 0;cursor: pointer;border:0;} @media only screen and (max-width: 1199px) { .hoico1, .hoico2{display:none;} } @media only screen and (max-width: 991px) { .httel{margin-left:10px;padding:0 10px;} .htlang{margin-left: 10px;padding-right: 0;} } @media only screen and (max-width: 767px) { header, #headHigh{height:84px;} .httel{margin-left:0;margin-right:10px;} } @media only screen and (max-width: 660px) { header, #headHigh{height:70px;} .logo{padding:5px 0;} .logo img{height:60px;} .hetrg{padding:15px 0;} } @media only screen and (max-width: 575px) { header, #headHigh{height:60px;} .logo img{height:50px;} .hetrg{padding:10px 0;} } @media only screen and (max-width: 530px) { .httel{padding: 0 10px;} .httel span{padding-left: 20px;font-size:16px;} } @media only screen and (max-width: 465px) { header, #headHigh{height:50px;} .logo img{height:40px;} .navbtn img{width:30px;} .httel{line-height: 30px;} .httel span{font-size: 14px;font-weight:normal;padding-left:0;background:none;} } @media only screen and (max-width: 370px) { .httel{display:none;} } /* 首页nav */ nav{background:#f3f3f3;} ul.nav{display:flex;} ul.nav>li{flex:1;} ul.nav>li>a{text-align:center;padding:0 10px;line-height:56px;font-size:16px;color:#353535;} ul.nav>li.cur>a, ul.nav>li:hover>a{color:#00408f;} ul.nav2{position:absolute;left:0;top:100%;width:100%;border-top:2px solid #00408f;background:#f7f7f7;display:none;z-index:111;} ul.nav2>li{font-size: 14px;line-height: 38px;} ul.nav2>li>a{text-align:center;display: block;color: #828282;border-bottom: #ddd solid 1px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} ul.nav2>li>a:hover{color:#00408f;border-color:#00408f;} ul.nav>li:nth-child(2){position:unset;} .hopronav{background:#f0f0f0;position:absolute;left:0;width:100%;border-top:2px solid #00408f;display:none;z-index:111;} .hoprotab{width:300px;float:left;background:#00408f;height:450px;} .hoprotab ul{display: flex; flex-direction: column;height:100%;} .hoprotab ul li{width: 100%;flex: 1;} .hoprotab ul li.on{background:#0968df;} .hoprotab ul li a{width:100%;height:100%;font-size: 18px;color: #fff;} .hoproConDiv{float:left;width:100%;height:450px;} .hoproCon{display:none;height:100%;} .hoproCon:first-child{display:block;} .hoproBox{height:100%;overflow-y:hidden;} .hoproBox::-webkit-scrollbar{width: 5px;height: 1px;} .hoproBox::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #d5d5d5;} .hoproBox::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;} .hoproBox:hover{overflow-y:scroll;} .hoproBox h3{padding: 15px 0 15px 52px;border-bottom: #e2e2e2 solid 1px;font-size: 16px;font-weight: bold;} .hoproBox ul{padding: 15px 30px 15px 52px;overflow:hidden;} .hoproBox ul li{float: left;font-size: 14px;line-height: 36px;padding-left: 2%;padding-right: 2%;width: 25%;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .hoproBox ul li a{color: #727272;} .hoproBox ul li::after{content: '';position: absolute;right: 0;top: 50%;margin-top: -6px;width: 1px;height: 12px;background: #ccc;} .hoproBox ul li a:hover{color:#00408f;} .m_nav{display:none;} @media only screen and (max-width: 1199px) { .hoprotab{width:200px;} .hoproConDiv{width: calc(100% - 200px);} .hoproBox h3{padding: 15px 0 15px 30px;} .hoproBox ul{padding: 15px 30px;} } @media only screen and (max-width: 991px) { .hoprotab{width:150px;} .hoproConDiv{width: calc(100% - 150px);} } @media only screen and (max-width: 767px) { .httel{margin-right:10px;} .m_nav{display:block;position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;z-index:10000} .m_nav .closecover{position:absolute;width:100%;height:100%;background:#1f2429;filter:alpha(opacity=0);opacity:0;left:0;top:0;z-index:1} .m_nav .closeicon{position:absolute;width:20%;left: 10px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;} .m_nav .m_navList{position:absolute;width:80%;right:0;top:0;background:#1f2429;height:100%;z-index:100;right:-80%;overflow-y:scroll} .m_nav .m_navList ul{padding-left:5%;padding-right:5%} .m_nav .m_navList ul li{border-bottom:1px solid #868bab} .m_nav .m_navList ul li .m_f_a{display:flex;align-items:center;justify-content:space-between;width:100%} .m_nav .m_navList ul li .m_f_a a{flex:1;display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px;overflow: hidden;} .m_nav .m_navList ul li .m_f_a i{width:40px;height:35px;box-sizing:border-box;padding:0 5px;display:block} .icon{background:url(../image/plus.png) 100% no-repeat;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .icon_on{background:url(../image/reduce.jpg) 50% no-repeat!important;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .m_nav .m_navList ul li .m_s_nav{display:none;width:100%} .m_nav .m_navList ul li .m_s_nav>a{display:block;height:40px;color:#fff;line-height:40px;font-size:14px;padding-left:8%;overflow:hidden;white-space:nowrap;width:90%;text-overflow:ellipsis;} .m_nav .m_navList ul li .mm_s_nav{padding-left:12%;} .m_nav .m_navList ul li .mm_s_nav>a{display:inline-block;height:30px;line-height:30px;color: #fff;margin-right: 15px;} } /* 首页banner */ #banner .swiper-pagination-bullet{width:10px;height:10px;background:rgba(255,255,255,0.6);border-radius:5px;opacity:1;} #banner .swiper-pagination-bullet-active{width:50px;background:#fff;} #banner .swiper-button-prev{left:30px;} #banner .swiper-button-next{right:30px;} @media only screen and (max-width: 767px) { #banner .swiper-button-prev, #banner .swiper-button-next{display:none;} } /* 搜索Search */ #search{background:url(../image/search-bg.jpg) no-repeat center;background-size: cover;} .search-left{float:left;padding:30px 0;width:30%;} .search-left p{font-size:24px;color:#fff;position:relative;padding-right:52px;line-height:64px;background:url(../image/search-txt.png) no-repeat left;background-size:contain;} .hetrg #head-search{width: 40px;height: 40px;background: url(../image/top_search.png) no-repeat center 0px;cursor: pointer;display: block;float: left;margin-right: 10px;} .search-right{float:right;width:70%;} .search-form{width:544px;float:right;margin-top:25px;} .search-form input[type=text]{float:left;padding:15px 20px 15px 50px;line-height:20px;width:calc(100% - 80px);background:url(../image/search-ico.png) no-repeat left 20px center #fff;} .search-form input[type=submit]{float:left;width:80px;height:50px;background:#00408f;color:#fff;border:0} .search-aa{float:right;font-size:13px;line-height:24px;color:#fff;margin-top:5px;} .search-aa a{color:#fff;margin-right: 5px;} .search-aa a:hover{color:#00408f} .q_search{position:absolute;right:0;top:80px;width:280px;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);border: 1px solid rgba(0,0,0,.15);z-index:99999;display:none;} .q_search .q_search1{padding:25px 20px;} .q_search .form-group{position:relative;margin:0;} .q_search input[type="search"]{display: block;width: 100%;color: #000;line-height: 24px;padding: 7px 40px 7px 15px;height: 40px;border: 1px solid #e0e0e0;background: #fff;} .q_search .search-btn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;text-align: center;color: #555;font-size: 12px;background: 0;cursor: pointer;border:0;} @media only screen and (max-width: 1199px) { .search-left{display:none;} .search-right{width:100%;margin-bottom:10px;} .search-form{width: 100%;float: left;margin-top: 20px;} .search-aa{float:left;} } @media only screen and (max-width: 500px) { .search-form input[type=text]{padding: 10px 20px 10px 35px;background: url(../image/search-ico.png) no-repeat left 10px center #fff;} .search-form input[type=submit]{height: 40px;} } /* 通用title */ .title{text-align: center;padding:0 10px;} .title h2{font-size: 36px;color: #353535;font-weight:bold;} .title p{color: #999;font-size: 16px;margin-top: 10px;text-transform:uppercase;} @media only screen and (max-width: 500px){ .title h2{font-size: 30px;} .title p{font-size: 14px;} } /* 我们的服务Service */ #service{padding-top:35px;} .service-box{margin-top:30px;padding:45px 0;background:#f3f3f3;} .service-img{overflow:hidden;} .service-img img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;} .service-txt{background:#fff;padding:15px;text-align:center;margin-bottom:20px;} .service-txt h3{font-size:22px;color:#353535;font-weight:bold;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .service-txt p{font-size:14px;color:#999;margin-top:5px;line-height:20px;height:20px;overflow:hidden;} .service-txt>div{width:26px;height:26px;margin:15px auto 0;background:url(../image/service-jt.png) no-repeat;} a.service-a:hover .service-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} a.service-a:hover .service-txt{background:#00408f;} a.service-a:hover .service-txt h3, a.service-a:hover .service-txt p{color:#fff;} a.service-a:hover .service-txt>div{background:url(../image/service-jtx.png) no-repeat;} @media only screen and (max-width: 991px){ .service-txt p{height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} } @media only screen and (max-width: 767px){ #service{padding-top:30px;} .service-box{margin-top: 20px;padding: 30px 0;} } /*product_pc*/ #product{margin-top: 50px;background: #} .pro_wid{width: 1200px; margin: 0 auto;} .pro_wid .pro_nav{ display: flex;justify-content: center;line-height: 30px;height: 80px;margin-top: 50px;} .pro_nav img{width: 40px;margin: 0 auto;} .pro_nav p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .pro_nav a{margin: 0 5px; display: block;width: 10%;text-align: center;color: #333;font-size: 17px;float: left;} .pro_nav a:hover{border-bottom: 2px solid #00408f;color: #00408f;} .pro_nav a.cur{border-bottom: 2px solid #00408f;color: #00408f;} .pro_hr{--tw-bg-opacity: 1;background-color: rgb(241 241 241 / var(--tw-bg-opacity)); height: 1px;} .pro_list{display: flex;margin-top: 30px;} .pro_list .pro_le{border-bottom-left-radius: 25px; border-top-left-radius: 25px; width: 30%;color: #333; padding: 65px 50px; background: #0ec4bf linear-gradient(135deg, #378fdb 0%, #0e4ec4 100%);} .pro_list .pro_le h5{font-size: 30px;height: 40px;color: #fff;font-weight: bold;line-height: 40px;} .pro_list .pro_le p{color: #fff; margin-top: 25px; font-size: 16px;padding-bottom: 25px;line-height: 30px;} .pro_list .pro_le a{color: #00408f;padding: 10px 15px;background: #fff;border-radius: 25px;} .pro_list .pro_ri{width: 70%} .pro_ri_box{overflow:hidden;} .pro_ri{margin-left: 15px;} .pro_ri .pro_ri_item{width: 32%;float: left;margin-right: 10px;height: 190px;position: relative;overflow:hidden;} .pro_ri .pro_ri_item:nth-child(3){border-top-right-radius: 25px;} .pro_ri .pro_ri_item:nth-child(6){border-bottom-right-radius: 25px;} .pro_ri .pro_ri_item:nth-child(-n+3){margin-bottom: 10px;} .pro_ri .pro_ri_item img{max-width: 100%;width: 100%;height: 100%;object-fit: cover;object-position: center;} .pro_ri .pro_ri_item p{font-size: 16px; color: #fff; font-weight: bold; position: absolute;bottom: 10px; left: 25px; width: 100%;transition: all 0.6s;} .pro_ri .pro_ri_item a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(360deg, rgb(49 129 216 / 60%) 0%, rgba(14, 196, 191, 0) 100%);} .pro_ri .pro_ri_item:nth-child(3) a{border-top-right-radius: 25px;} .pro_ri .pro_ri_item:nth-child(6) a{border-bottom-right-radius: 25px;} .pro_ri .pro_ri_item:hover p{bottom: 15px;} #servicelist{display: none;} @media only screen and (max-width: 1499px){ .pro_list .pro_le p{padding-bottom: 80px;} } @media only screen and (max-width: 1199px){ .pro_wid {width: 100%;margin: 0 auto;} .pro_ri .pro_ri_item{margin-right: 6px;} .pro_ri .pro_ri_item p{font-size: 14px;text-align:center;left: 0; } .pro_list .pro_le p{padding-bottom: 50px;} } @media only screen and (max-width: 991px){ .pro_wid,.pro_hr,.pro_ri_box{display: none} #servicelist{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: #006ac4;float: left;position: relative;border-top:1px solid #333;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:#006ac4;} .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;} /* 检测服务ServiceList */ #servicelist{padding-top:35px;} .servicelist-more{display:flex;margin-top:20px;} .servicelist-more a{flex:1;text-align:center;padding:0 5px;} .servicelist-ico{width:40px;height:40px;display:block;margin:0 auto;} .servicelist-ico1{background:url(../image/service-ico1.png) no-repeat;} .servicelist-ico2{background:url(../image/service-ico2.png) no-repeat;} .servicelist-ico3{background:url(../image/service-ico3.png) no-repeat;} .servicelist-ico4{background:url(../image/service-ico4.png) no-repeat;} .servicelist-ico5{background:url(../image/service-ico5.png) no-repeat;} .servicelist-ico6{background:url(../image/service-ico6.png) no-repeat;} .servicelist-more a p{margin-top:8px;font-size:16px;font-weight:bold;color:#888;} .servicelist-more a.on .servicelist-ico1, .servicelist-more a:hover .servicelist-ico1{background:url(../image/service-ico1x.png) no-repeat;} .servicelist-more a.on .servicelist-ico2, .servicelist-more a:hover .servicelist-ico2{background:url(../image/service-ico2x.png) no-repeat;} .servicelist-more a.on .servicelist-ico3, .servicelist-more a:hover .servicelist-ico3{background:url(../image/service-ico3x.png) no-repeat;} .servicelist-more a.on .servicelist-ico4, .servicelist-more a:hover .servicelist-ico4{background:url(../image/service-ico4x.png) no-repeat;} .servicelist-more a.on .servicelist-ico5, .servicelist-more a:hover .servicelist-ico5{background:url(../image/service-ico5x.png) no-repeat;} .servicelist-more a.on .servicelist-ico6, .servicelist-more a:hover .servicelist-ico6{background:url(../image/service-ico6x.png) no-repeat;} .servicelist-more a.on p, .servicelist-more a:hover p{color:#00408f;} .servicelist-box{/*background:url(../images/servicelist-bg.jpg) no-repeat left;*/margin-top:38px;/*padding:70px 50px 60px 315px;*/} .servicelist-box .servicelist-one{position:relative;} .servicelist-box .servicelist-one .swiper-prev, .servicelist-box .servicelist-one .swiper-next{width:48px;height:48px;position:absolute;left:-88px;border-radius:50%;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;} .servicelist-box .servicelist-one .swiper-prev{background:url(../image/servicelist-prev.png) no-repeat;bottom:58px;} .servicelist-box .servicelist-one .swiper-next{background:url(../image/servicelist-next.png) no-repeat;bottom:0;} .servicelist-box .servicelist-one .swiper-prev:hover{background:url(../image/servicelist-prevx.png) no-repeat;} .servicelist-box .servicelist-one .swiper-next:hover{background:url(../image/servicelist-nextx.png) no-repeat;} .servicelist-txt{background:#f9f9f9;padding:30px 42px 6px;border-bottom: #e6e6e6 solid 5px;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;} .servicelist-txt h3{font-weight: bold;font-size: 18px;text-align: center;height: 32px;line-height: 32px;color: #00408f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .servicelist-txt p{font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;color: #929292;margin-top: 10px;text-align: center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .servicelist-txt>div{width: 34px;height: 34px;margin: 15px auto 0;opacity: 0;transition: All 0.5s ease;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;} .servicelist-box .swiper-slide:hover .servicelist-txt{border-bottom: #64ab2c solid 5px;} .servicelist-box .swiper-slide:hover .servicelist-txt>div{opacity: 1;-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);} /*@media only screen and (max-width: 1499px){ .servicelist-box{padding: 70px 50px 60px 215px;} } @media only screen and (max-width: 1199px){ .servicelist-txt{padding: 30px 15px 6px;} } @media only screen and (max-width: 991px){ .servicelist-box{padding:50px 0;} } @media only screen and (max-width: 767px){ #servicelist{padding-top:30px;} .servicelist-box{margin-top:30px;padding:30px 0;} }*/ @media only screen and (max-width: 991px){ .servicelist-more{flex-wrap: wrap;align-content: flex-start;} .servicelist-more a{flex:auto;width:33.33%;margin-bottom:10px} } @media only screen and (max-width: 400px){ .servicelist-more a p{font-size:14px;} } /* 实力优势Strength advantage */ #indexys{padding:50px 0;background:#f6f6f6;margin:50px 0;} .indexys-box{margin-top:45px;} .indexys-txt{font-size:16px;color:#666;line-height:30px;margin-top:15px;} @media only screen and (max-width: 991px){ .indexys-txt{font-size:14px;line-height:25px;} } @media only screen and (max-width: 767px){ #indexys{padding:30px 0 50px;} .indexys-box{margin-top:0} .indexys-one{margin-top:20px;} } /* 关于我们About */ #about{padding-bottom:70px;} .about-box{margin-top:25px;display:flex;flex-direction: row-reverse;} .about-img{flex:1;} .about-img img{max-width:100%;} .about-con{flex:1;background:#f3f3f3;position:relative;} .about-txt{padding:30px 60px 0 40px;} .about-txt h3{color: #00408f;font-weight: bold;font-size: 30px;position: relative;line-height:40px;} .about-txt h3 a{float:right;width:28px;height:28px;background:url(../image/about-a.png) no-repeat;margin-top:8px;} .about-txt .about-p{font-size:14px;color:#666;line-height:28px;margin-top:10px;} .about-txt h3 a:hover{-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);} .about-tag{position:absolute;left:0;bottom:0;width:100%;} .about-tag ul li{float: left;width: 25%;background-image: -webkit-linear-gradient(left,#f2f2f2,#ececec);background-image: -moz-linear-gradient(left,#f2f2f2,#ececec);background-image: -o-linear-gradient(left,#f2f2f2,#ececec);background-image: linear-gradient(to right,#f2f2f2,#ececec);} .about-tag ul li a{display:block;width:100%;height:100%;} .about-tag ul li a .about-atxt{padding:40px 30px 24px;} .about-tag ul li a .about-ico{width:40px;height:40px;position:relative;} .about-tag ul li a .about-ico img{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;max-width:100%;} .about-tag ul li a .about-ico img+img{opacity: 0;position: absolute;left: 0;top: 0;} .about-tag ul li a .about-atxt h3{font-weight: bold;font-size: 16px;color: #888;line-height: 16px;padding: 15px 0 12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .about-tag ul li a .about-atxt p{font-size:12px;color: #d5d5d5;text-transform: uppercase;line-height:16px;height:32px;overflow:hidden;} .about-tag ul li:hover{background-image: -webkit-linear-gradient(left top,#5ca721,#005c35);background-image: -moz-linear-gradient(left top,#5ca721,#005c35);background-image: -o-linear-gradient(left top,#5ca721,#005c35);background-image: linear-gradient(to right bottom,#01387c, #126bd9bd);} .about-tag ul li:hover a .about-ico{-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);} .about-tag ul li:hover a .about-ico img{opacity: 0;} .about-tag ul li:hover a .about-ico img+img{opacity: 1;} .about-tag ul li:hover a .about-atxt h3, .about-tag ul li:hover a .about-atxt p{color:#fff;} #countup{margin-top:40px;} .countup-txt h4{font-size:16px;color:#444;} .countup-txt h4 span{font-size:48px;font-weight:bold;color:#00408f;margin-right:3px;} .countup-txt h4 em{position:relative;} .countup-txt h4 em::after{content: '+';position: absolute;left:0;top:-18px;font-size:16px;font-weight:bold;color:#444;} .countup-txt p{font-size:16px;color:#444;} @media only screen and (max-width: 1599px){ .about-txt{padding: 25px 30px 0 30px;} .about-txt .about-p{line-height:25px;} } @media only screen and (max-width: 1499px){ .about-tag ul li a .about-atxt{padding: 20px 30px;} } @media only screen and (max-width: 1399px){ .about-txt{padding: 20px;} .about-txt h3{font-size: 24px;line-height: 34px;} .about-txt h3 a{margin-top: 3px;} .about-txt .about-p{line-height: 22px;margin-top: 10px;} .about-tag ul li a .about-atxt{padding: 10px 30px;} .about-tag ul li a .about-atxt h3{font-size: 15px;line-height:15px;padding:10px 0;} .about-tag ul li a .about-atxt p{line-height: 14px;height: 28px;} } @media only screen and (max-width: 1299px){ .about-txt{padding: 15px;} .about-txt h3{font-size: 25px;line-height: 30px;} .about-txt h3 a{margin-top:0px;} .about-txt .about-p{line-height: 20px;} .about-tag ul li a .about-atxt{padding:10px 20px;} } @media only screen and (max-width: 1199px){ .about-txt {padding: 15px 20px 0 20px;} .about-txt h3{font-size: 22px;line-height: 28px;} .about-txt .about-p{margin-top: 5px;line-height: 20px;font-size:13px;} .about-tag ul li a .about-atxt{padding:10px 15px;} .about-tag ul li a .about-ico{width:25px;height:25px;} .about-tag ul li a .about-atxt h3{font-size: 14px;line-height:14px;padding:5px 0;} .about-tag ul li a .about-atxt p{line-height: 12px;height: 24px;} } @media only screen and (max-width: 991px){ #about{padding-bottom:50px;} .about-box{display: block;} .about-img, .about-con{flex:auto;} .about-txt{padding:20px 20px 130px;} .about-tag ul li a .about-atxt{padding:15px;} .about-txt .about-p{margin-top: 5px;line-height: 25px;font-size:14px;} #countup{margin-top: 20px;} #countup>div[class^="col-"]{margin-bottom:20px;} } @media only screen and (max-width: 767px){ #about{padding-bottom:10px;} } @media only screen and (max-width: 450px){ .countup-txt h4{font-size:14px;} .countup-txt h4 span{font-size: 36px;} .countup-txt p{font-size: 14px;} } @media only screen and (max-width: 370px){ .countup-txt h4 span{font-size: 32px;} } /* 新闻中心News */ /*新闻中心*/ #news {display: block;overflow: hidden;padding: 60px 0 80px 0;background: #fff;position: relative;} #news .container { display: block; } #news .container .row { display: block; } #news .container .row .title { float: left; text-align: left;} #news .container .row .title p { font-size: 42px; color: #444444; display: block; font-weight: bold; } #news .container .row .title p img{margin-left: 12px;margin-top: 8px;-webkit-animation: rotate 5s linear infinite;animation: rotate 5s linear infinite;display: -webkit-inline-box;} #news .container .row .title span { font-size: 18px; color: #999999; display: block; position: relative; font-family: 'arial';} #news .container .row .news_nav { float: right; align-items: center; height: 85px; display: flex;} #news .container .row .news_nav .news_btn { width: 430px; display: block; line-height: 48px; height: 48px; border-radius: 50px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07); font-size: 0; } #news .container .row .news_nav .news_btn a { width: 33.33%; display: inline-block; text-align: center; font-size: 18px; color: #666; border-radius: 50px; transition: all 0.5s; } #news .container .row .news_nav .news_btn a.on {background: #006ac4;color: #fff;} #news .box { overflow: hidden; margin-top:20px; padding:20px 0 30px 10px; } #news .box .swiper-slide { padding:0 8px; } #news .box .swiper-slide li { background: #fff;box-shadow: 0 0 15px rgba(55, 55, 55, 0.12); } #news .box .swiper-slide li a { display: block; overflow:hidden; } #news .box .swiper-slide li a .imgbox { height: 250px; background-position: center center;background-size: cover;background-color: #fff;overflow: hidden;position: relative; } #news .box .swiper-slide li a .imgbox img {object-fit: cover;object-position: center; display: block; max-width: 100%; } #news .box .swiper-slide li a .imgbox .img { width: 100%;height: 100%;background-position: center center;background-size: cover;background-color: #fff;left: 0;top: 0;position: absolute;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform 0.25s;transition: -webkit-transform 0.25s;-o-transition: transform 0.25s;transition: transform 0.25s;transition: transform 0.25s, -webkit-transform 0.25s; } #news .box .swiper-slide li a .desc { height: 220px; position: relative; } #news .box .swiper-slide li a .desc .info { padding: 25px;background-color: #fff;position: absolute;width: 100%;bottom: 0; border-top: 1px solid #ddd; } #news .box .swiper-slide li a .desc .info .time { color: #999999;font-size: 16px; margin-bottom: 8px; position: relative; padding-bottom: 11px; display: inline-block; overflow:hidden;} #news .box .swiper-slide li a .desc .info .time::after { position: absolute; content: ''; left: 0; bottom: 0; width: 50%; height: 4px; display: block; background: #006ac4; border-radius: 4px; } #news .box .swiper-slide li:hover a .desc .info .time::after {width:100px; background:#006ac4;} #news .box .swiper-slide li a .desc .info .title { font-size: 24px; color: #444444; display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; } #news .box .swiper-slide li:hover a .desc .info .title { color: #006ac4; } #news .box .swiper-slide li a .desc .info .des {margin-top: 15px;font-size: 14px;color: #999999;line-height: 2;display: block;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} #news .box .swiper-slide li a .desc .info .m { height: 0;opacity: 0;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;margin-top: 20px; position: relative;} #news .box .swiper-slide li a .desc .info .m span { position: absolute;content: '';width: 42px;height: 42px;display: block;background: url(../image/about_jt.png)no-repeat center #fff;border-radius: 100%;bottom: 0px;left: 3px;transition: all .5s;-webkit-transition: all .5s; border:1px solid #006ac4; } #news .box .swiper-slide li:hover a .desc .info .m { height: 45px; opacity: 1; } #news .box .swiper-container-horizontal>.swiper-pagination-bullets, #news .box .swiper-pagination-custom, .swiper-pagination-fraction { bottom:40px; } #news .box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #news .box .swiper-pagination-custom, .swiper-pagination-fraction .swiper-pagination-bullet { width: 14px; height: 14px; border-radius: 100%; opacity: 1; background: none; border:2px solid #006ac4;} #news .box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background: #006ac4; } @keyframes rotate{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @-webkit-keyframes rotate { 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);} } @media(max-width: 1199px) { #news .container .row .title span{ font-size: 16px;} } @media(max-width: 991px) { #news .container .row .news_nav{width:100%;} #news .container .row .news_nav .news_btn{width:100%;} } @media(max-width: 767px) { #news .box .swiper-slide li a .imgbox{height: 200px;} #news .container .row .title { float: none; display: block; text-align: center; } #news .container .row .news_nav { float: none; display: block; width: 100%; height: auto; text-align: center; margin: 0 auto; margin-top: 20px;} #news .container .row .news_nav .news_btn { margin:0 auto; line-height: 40px; height: 40px;} #news .box .swiper-slide li a .desc .info { padding:10px; } #news .box .swiper-slide li a .desc .info .time { font-size: 12px; } #news .box .swiper-slide li a .desc .info .title { font-size: 16px; } #news .box .swiper-slide li a .desc .info .des { line-height: 1.6;-webkit-line-clamp: 2; } #news .box .swiper-slide li a .desc { height: 163px; } #news .container .row .news_nav .news_btn a { font-size: 14px; } #news { padding: 20px 0 45px 0; } #news .box .swiper-container-horizontal>.swiper-pagination-bullets, #news .box .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 25px; } #news .container .row .title p{ font-size: 32px;} #news .container .row .title span{ font-size: 14px; padding-top: 6px;} #news .container .row .title p img{ padding-top: 6px;} } @media(max-width: 550px) { #news .box .swiper-slide li a .imgbox{height: 150px;} } /* footer */ /* 底部 */ #ftdb{ background: #006ac4; padding: 54px 0;} .ft-nav{} .ft-nav .ft-dh{ width: 23%; float: left; display: inline-block; margin-right: 1%;} .ft-nav .ft-dh:first-child{width: 27%;} .ft-nav .ft-dh h2{ font-size: 18px; padding-bottom: 16px; color: #fff;} .ft-nav .ft-dh a{ width: 100%; display: block; line-height: 30px; color: #fff;} .ft-nav .ft-dh a:hover{ color:#1ba147 } .ft-lxewm{ padding: 0;} .ft-lx{} .ft-lx h2{font-size: 26px;color: #fff;font-weight: bold;text-align: center;} .ft-lx p{text-align: center;line-height: 24px;padding: 12px 0;color: #fff;padding-top: 6px;} .ft-lx span{ width: 100%; text-align: center; display: block; color: #fff; font-size: 16px; margin-bottom: 20px;} .ft-lx a{text-align: center;display: block;padding: 10px 20px;background: url(../image/owl.video.play.png) #0656bb 18px no-repeat;color: #fff;border-radius: 20px;width: 76%;margin: 0 12%;padding-left: 48px;} .ft-ewm{ text-align: center;} .ft-ewm img{ display: inline-block; } .ft-ewm p{line-height: 36px;color: #fff;font-size: 15px;} .ft-yxt{line-height: 54px;background: #006ac4;} .ft-p1{float: left;color: #fff;line-height: 54px;} .ft-p1 a{ color:#fff; } .ft-p2{float: right;color: #fff;padding-left: 24px;background: url(../image/owl.video.play.png) left 20px no-repeat;} .flink{ border-top: 1px solid #6aace5; background: #006ac4; line-height: 54px;} .flink span{ color: #fff; line-height: 48px;} .flink a{ color: #fff;} .flink a:hover{} @media only screen and (max-width: 1440px){ } @media only screen and (max-width: 1366px){ } @media only screen and (max-width: 1269px){ } @media only screen and (max-width: 1199px){ .ft-lx h2{ font-size: 20px;} .ft-lx span{ font-size: 14px;} .ft-lx a{ width: 100%; margin: 0; padding: 10px 16px;} .ft-p2{ float:left;} } @media only screen and (max-width: 991px){ .ft-nav{/* display:none; */padding-bottom: 20px;} .ft-lxewm{} .ft-lx{ padding: 20px;} .ft-lx a{ width:60% ;margin: 0 20%;} .ft-ewm{ padding:20px; } #ftdb{ padding-bottom:20px;padding-top: 42px;} .ft-lx h2{ font-size: 32px;} } @media only screen and (max-width: 767px){ .ft-nav{ display:none;} .ft-p1{line-height:24px;margin-bottom: 10px;} .ft-p2{line-height: 24px;background: url(../image/owl.video.play.png) left 5px no-repeat;margin-bottom: 10px;} } @media only screen and (max-width: 680px){ .ft-ewm{ padding:10px; } } @media only screen and (max-width: 580px){ } @media only screen and (max-width: 470px){ } #roll {width: 40px;height: 40px;display: none;background: #000;position: fixed;right: 20px;bottom: 60px;z-index: 150;overflow: hidden;transition: all .2s ease-in-out 0s;cursor: pointer;border-radius: 50%;} #roll:hover {background: #00408f;} #roll_top {width: 40px;height: 40px;display: block;background: url(../image/owl.video.play.png) no-repeat;transition: all .2s ease-in-out 0s;} #roll_top:hover {background: url(../image/owl.video.play.png) no-repeat;} .footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #00408f;text-align: center;} .footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;} .footer-bottom a i{font-size: 16px;display: block;} /* 内页样式 */ #ZoomBox{background: #fff;} .nybg{background: #F5F5F5;} .bsbg{background: #FFFFFF;} .crumbs{padding-left:20px;background: url(../image/nav_tb.png) no-repeat left top 15px;line-height: 25px;padding-top:10px;padding-bottom:10px;float: left;color: #999;} .crumbs a{color: #999;} .crumbs a:hover{color: #00408f;} #sidebar{float: right;} #sidebar li{display: inline-block; padding: 0 10px;} #sidebar li a{display:block;height: 45px;line-height: 44px;text-align: center;color: #999;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #sidebar li:hover a, #sidebar li.cur a{color: #00408f;border-bottom: 3px solid #00408f;} @media (max-width: 767px) { .w100{width: 100%;float: left;} .w50{width: 50%;float: left;} .w33{width: 33.33%;float: left;} .w25{width: 25%;float: left;} #nynav{padding: 0;background: #f3f3f3;} #sidebar{float: none;} #sidebar li{padding: 0;} } #nytitle{padding:50px 0;} @media (max-width: 767px) { #nytitle{padding:30px 0;} } #nyshowsort{background:#f7f7f7;padding:50px 0;} @media (max-width: 991px) { #nyshowsort>div>div[class^="col-"]{margin-bottom:30px;} } @media (max-width: 767px) { #nyshowsort{padding:30px 0;} #nyshowsort>div{padding:0 5px;} #nyshowsort>div>div[class^="col-"]{padding:0 5px;margin-bottom:10px;} #nyshowsort .service-txt{padding:10px;} #nyshowsort .service-txt h3{font-size: 18px;} #nyshowsort .service-txt>div{margin: 8px auto 0;} } .nytilcon{margin-top:40px;} .nytilcon p{font-size: 16px;line-height: 30px;color: #797979;} .nytilcon-txt table{width:100%;max-width:100%;} .nytilcon-txt table tr td{padding:8px;} @media (max-width: 767px) { .nytilcon{margin-top:0px;} .nytilcon>div{margin-top:20px;padding:0 10px} } #nyshowlist{padding:50px 0;background:url(../image/nyshowlistbg.jpg) no-repeat center;background-size:cover;} #nyshowlist ul{overflow:hidden;} #nyshowlist ul li{margin-bottom:30px;} @media (max-width: 767px) { #nyshowlist{padding:30px 0;} #nyshowlist>div{padding:0 5px;} #nyshowlist ul li{padding:0 5px;margin-bottom:10px;} #nyshowlist .service-txt{padding:10px;} #nyshowlist .service-txt h3{font-size: 18px;} #nyshowlist .service-txt>div{margin: 8px auto 0;} } .nyshowdesc-ml{font-size: 16px;line-height: 2;padding-bottom:50px;} .nyshowdesc-ml img{max-width:100%;height: auto!important;margin-bottom:10px;} .nyshowdesc-ml .nydesc-wh>div{padding:50px;} .conca-txt>h2{padding-bottom:35px;font-weight: bold;color: #005c35;font-size: 30px;line-height: 30px;} .conca-txt>h3{font-weight: bold;color: #00408f;font-size: 24px;line-height: 40px;} .conca-txt span.fa{width:20px;height:20px;} .nyshowdesc-ml div[class^="col-"]{padding:0 10px;} @media (max-width: 767px) { .nyshowdesc-ml{font-size: 14px;line-height: 1.6;padding-bottom:30px;} .nyshowdesc-ml>div{display:block !important;} .nyshowdesc-ml .nydesc-wh>div{padding:20px;} .nyshowdesc-ml div[class^="col-"]{padding:0;} .conca-txt>h2{padding-bottom:15px;} } #nyshowdesc-bg{background:url(../image/nyshowconbg.jpg) no-repeat center;background-size: cover;} .nyshowdesc-left{float:left;width:calc(100% - 450px);height:300px;overflow:hidden;position:relative;} .nyshowdesc-right{float:right;width:450px;height:300px;background:#fff;padding:30px 25px 0 25px;overflow:hidden;box-shadow: 0px 23px 32px 0px rgb(59 69 116 / 27%);} .nyshowdesc-right h1{font-size: 24px;text-align: center;color: #333;padding-bottom: 15px;} .nyshowdesc-right p{line-height:25px;height:125px;color: #797979;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;word-break: break-all;} .nyshowdesc-right.on{position: fixed;top:140px;right: 50%;margin-right: -770px;z-index:88;} @media (max-width: 1599px) { .nyshowdesc-right.on{margin-right: -720px;} } @media (max-width: 1499px) { .nyshowdesc-right.on{margin-right: -670px;} } @media (max-width: 1399px) { .nyshowdesc-right.on{margin-right: -620px;} } @media (max-width: 1299px) { .nyshowdesc-right.on{margin-right: -570px;} } @media (max-width: 1199px) { .nyshowdesc-left{width:100%;} .nyshowdesc-right{width:100%;box-shadow: none;} .nyshowdesc-right.on{position: static;margin-right: 0;} } @media (min-width: 768px) { .nyshowdesc-left img{height:300px;position: absolute;left: 50%;transform: translateX(-50%);} } @media (max-width: 767px) { #nyshowdesc-bg{padding:10px 0;} .nyshowdesc-left{height:auto;} .nyshowdesc-left img{max-width:100%;} .nyshowdesc-right{padding:20px;height:auto;} .nyshowdesc-right p{height:auto;} } @media (max-width: 500px) { .nyshowdesc-left img{max-width:140%;margin-left: -20%;margin-right: -20%;} } .nyshowdesc-ra{margin-top:15px;} .nyshowdesc-ra a{display:inline-block;margin-right:25px;width:140px;height:46px;line-height:46px;border-radius:23px;text-align:center;color:#fff;font-size:14px;position:relative;background-image: -webkit-linear-gradient(top,#68c209,#017d42);background-image: -moz-linear-gradient(top,#68c209,#017d42);background-image: -o-linear-gradient(left top,#68c209,#017d42);background-image: linear-gradient(to bottom,#68c209,#017d42);} .nyshowdesc-ra a+a{margin-right:0;background-image: -webkit-linear-gradient(top,#ffc263,#ff9c00);background-image: -moz-linear-gradient(top,#ffc263,#ff9c00);background-image: -o-linear-gradient(left top,#ffc263,#ff9c00);background-image: linear-gradient(to bottom,#ffc263,#ff9c00);} .nyshowdesc-ra a::before{pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;} .nyshowdesc-ra a img{padding-right: 8px;position: relative;top: -2px;vertical-align: middle;} .nyshowdesc-ra a:hover, .nyshowdesc-ra a:focus, .nyshowdesc-ra a:active{-webkit-transform: translateY(-6px);transform: translateY(-6px);-webkit-animation-name: hover;animation-name: hover;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-direction: alternate;} .nyshowdesc-ra a:hover::before, .nyshowdesc-ra a:focus::before, .nyshowdesc-ra a:active::before{opacity: .4;-webkit-transform: translateY(6px);transform: translateY(6px);-webkit-animation-name: hover-shadow;animation-name: hover-shadow;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: alternate;animation-direction: alternate;} #nyshowdesc-con{padding:50px 0;} .nyshowdesc-conl{float:left;width:calc(100% - 450px);color: #797979;font-size: 14px;line-height: 26px;} .nyshowdesc-conl h2{position: relative;height: 64px;line-height:64px;font-size: 18px;color: #353535;font-weight:bold;margin-bottom:10px;overflow: hidden;white-space: nowrap;} .nyshowdesc-conl h2::after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #f3f3f3;z-index: 1;} .nyshowdesc-conl h2 span{display:inline-block;position:relative;} .nyshowdesc-conl h2 span::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #0d5cbf;z-index: 2;} .nyshowdesc-conl table{width:100%;max-width:100%;} .nyshowdesc-conl table tr td{padding:8px;} .nyshowdesc-conl img{max-width:100%;height:auto!important;} .nyshowdesc-conr{float:right;width:450px;} @media (max-width: 1199px) { .nyshowdesc-conl{width:100%;} .nyshowdesc-conr{display:none;} } @media (max-width: 767px) { #nyshowdesc-con{padding:30px 0;} } @media (max-width: 351px) { .nyshowdesc-ra a{width:120px;} } #nyshowdesc-hot{padding:50px 0;background:#f7f7f7;} #nyshowdesc-hot h4{border-left:4px solid #00408f;padding-left:14px;line-height:30px;position:relative;color: #0d5cbf;font-size: 20px;margin-bottom:20px;} #nyshowdesc-hot ul{overflow:hidden;} #nyshowdesc-hot ul li:nth-child(n+5){display:none;} #nyshowdesc-hot ul li .service-txt h3{font-size:20px;} @media (max-width: 991px) { #nyshowdesc-hot ul li{margin-bottom:30px;} } @media (max-width: 767px) { #nyshowdesc-hot{padding:20px 0 0;} #nyshowdesc-hot ul li{margin-bottom:20px;padding:0 10px;} } #nyjobshow{padding:70px 0 30px;background: url(../image/nyjobshowbg1.jpg) right top no-repeat;} .nyjobshowcon1{display:flex;background:#f9fff5;position:relative;top:70px;} .nyjobshowcon1-l{width:60%;} .nyjobshowcon1-l img{width:100%;} .nyjobshowcon1-r{flex:1;} .nyjobshowcon1-r h3{font-weight: bold;font-size: 30px;line-height: 30px;color: #00408f;} .nyjobshowcon1-r p{padding-top: 30px;color: #c6eabc;line-height: 48px;font-size: 48px;text-transform: uppercase;font-family: Arial;font-weight:bold;} .nyjobshowcon2{padding:170px 0 130px;background:url(../image/nyjobshowbg2.jpg) no-repeat center;background-size: cover;} .nyjobshowcon2 ul li{float: left;width: 25%;position: relative;cursor: pointer;overflow: hidden;} .nyjobshowcon2 ul li>img{width:100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nyjobshowcon2 ul li .nyjobshowcon2-bg{position: absolute;left:0;top:0;width:100%;height:100%;z-index:5;color:#fff;background:rgba(0,0,0,0.3);padding:10px;} .nyjobshowcon2 ul li .nyjobshowcon2-bg .nyjobshowcon2-ico{margin-bottom:25px;} .nyjobshowcon2 ul li .nyjobshowcon2-bg h3{font-weight: bold;font-size: 18px;line-height: 18px;padding-bottom: 48px;} .nyjobshowcon2 ul li .nyjobshowcon2-bg .nyjobshowcon2-wz img{max-width:100%;} .nyjobshowcon2 ul li .nyjobshowcon2-bg p{font-size: 16px;padding-top: 40px;} .nyjobshowcon2 ul li:hover>img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nyjobshowcon3{display:flex;background:#eef9f3;position:relative;bottom:70px;} .nyjobshowcon3-l{flex:1;font-size: 16px;color: #6b6465;line-height: 30px;padding:25px;} .nyjobshowcon3-r{width:40%;} .nyjobshowcon3-r img{width:100%;} @media (max-width: 1199px) { .nyjobshowcon2 ul li .nyjobshowcon2-bg .nyjobshowcon2-ico{margin-bottom: 15px;} .nyjobshowcon2 ul li .nyjobshowcon2-bg h3{padding-bottom: 20px;} .nyjobshowcon2 ul li .nyjobshowcon2-bg p{padding-top: 25px;} } @media (max-width: 991px) { .nyjobshowcon2{padding:130px 0 120px;} .nyjobshowcon2 ul li .nyjobshowcon2-bg .nyjobshowcon2-wz img{width:100px;} .nyjobshowcon3-l{font-size:14px;line-height:25px;} } @media (max-width: 767px) { #nyjobshow{padding:20px 0;background:none;} .nyjobshowcon1{margin:20px 0;top:0;} .nyjobshowcon2{padding:20px 0;} .nyjobshowcon3{bottom:0;margin-top:20px;} } @media (max-width: 650px) { .nyjobshowcon1{display:block;} .nyjobshowcon1-l, .nyjobshowcon1-r{width:100%;} .nyjobshowcon1-r>div{width:100%;padding:20px;} .nyjobshowcon2 ul li{width:50%;} .nyjobshowcon2 ul li .nyjobshowcon2-bg .nyjobshowcon2-wz img{width:auto;} .nyjobshowcon3{display:block;} .nyjobshowcon3-l, .nyjobshowcon3-r{width:100%;} .nyjobshowcon3-l{padding:20px;} .nyjobshowcon3-l>div{width:100%;} } @media (max-width: 500px) { .nyjobshowcon1-r h3{font-size: 24px;line-height: 24px;} .nyjobshowcon1-r p{padding-top: 20px;line-height: 30px;font-size: 30px;} .nyjobshowcon2 ul li .nyjobshowcon2-bg .nyjobshowcon2-ico{margin-bottom: 12px;} .nyjobshowcon2 ul li .nyjobshowcon2-bg h3{padding-bottom: 12px;} .nyjobshowcon2 ul li .nyjobshowcon2-bg .nyjobshowcon2-wz img{width:80%;} .nyjobshowcon2 ul li .nyjobshowcon2-bg p{padding-top: 12px;} } /* 图片模块NyImgList */ #nyimglist{padding-bottom:50px;} .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;} .nyimg-ul li .nyimg-a{padding:0 5px;margin-top: 9px;overflow: hidden;line-height: 40px;display: block;background: #EFEFEF;font-size: 14px;color: #333;text-align: center;text-overflow:ellipsis;white-space: nowrap;} .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: #00408f;color: #fff;} @media (max-width: 767px) { #nyimglist{padding-bottom:30px;} } #showimg{padding: 15px 10px;} .showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;} .showimg-top h1{line-height: 1.5;color: #333;text-align: center;} .showimg-top span{margin-right: 10px;} .showimg-top span{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;} .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{padding-top: 30px;overflow: hidden;} .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;} @media (max-width:767px){ #nyimg{padding-top: 15px;padding-bottom: 15px;} .showimg-left{padding:0;} .nyimg-ul li{margin-bottom: 20px;} .showimg-top h2{ font-size:16px;} .showimg-top h1{font-size: 20px;} .showimg-con{padding:0;font-size:14px !important;} .page-header h3{font-size:16px;margin:0;} .xgred li{padding: 0} } /* 文章模块 */ #nynewslist{padding-bottom: 50px;} #nynewslist .container>div[class^="col-"]{padding: 0 10px;} #nynewslist .container>div:first-child{border-right: 1px solid #eee;} .nynews-ul{overflow: hidden;} .nynews-ul li.nynews-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;} .nynews-img{} .nynews-img a{display: block;border: 1px solid #ccc;} .nynews-img img{width:100%;height:auto !important;} .nynews-img a:hover{border: 1px solid #00408f;} .nynews-date {color: #333;line-height: 20px;font-size: 12px;} .nynews-date span{color: #999;} .nynews-date p{float: left;margin: 0;} .nynews-date i{margin-right: 5px;} .nynews-con h3{font-size: 18px;font-weight: 400;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 p.nynews-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;height: 69px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nynews-con a.nynews-more{position:relative;left:0;color: #ffffff;font-size: 15px;padding: 7px;background: #00408f;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: #005c35;left:10px;} @media (max-width:991px) { #nynewslist .container>div:first-child{border: 0;} .nynews-con{margin: 10px 0;} } @media (max-width:767px) { #nynewslist{padding-bottom: 20px;} .nynews-con h3{ font-size:16px; font-weight:bold} .nynews-img{padding: 0;} .nynews-con{padding: 0;} } #shownews{padding:0px 10px;} #shownews .container>div[class^="col-"]{padding: 0 10px;} #shownews .container>div:first-child{border-right: 1px solid #eee;} .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 30px;} .shownews-top span{margin-right: 10px;} .shownews-top span{font-size: 14px;color: #a3afb7;} .shownews-img{margin-top: 25px; text-align:center} .shownews-img img{max-width: 100%;height:auto !important;} .shownews-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 400;padding: 10px;} .shownews-con img{max-width: 100%;height:auto !important;} .shownews-page{padding-top: 20px;padding-bottom:20px;overflow: hidden;} .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:991px) { #shownews .container>div:first-child{border:0;} .sdsd{padding: 0px;} } @media (max-width:767px){ #shownews{padding: 0;} .shownews-top h1{ font-size:20px;} .shownews-top h2{ font-size:16px;} .shownews-con{padding:0;font-size:14px !important} .shownews-left{padding: 0 5px;} .shownews-page>div[class^="col-"]{padding: 0 10px;} } /* 标签 */ .pro_key{line-height: 35px;border-top: dashed 1px #d7d7d7;margin-top: 5px;font-size: 14px;} /* 相关推荐 */ .xgred{overflow: hidden;} .xgred .xgred-con{line-height: 40px;border-bottom:1px #ccc dashed;overflow: hidden;} .xgred .xgred-con a{font-size: 14px;color: #4b4b4b;display: block;float: left;width: calc(100% - 90px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .xgred .xgred-con em{float: right;font-size: 13px;color: #ccc;line-height: 40px;margin-right: 10px;} .xgred .xgred-con a:hover{color: #00408f} /* 招聘模块Nyjoblist*/ #nyjoblist{padding-bottom: 50px;} #nyjoblist .container>div[class^="col-"]{padding: 0 10px;} #nyjoblist .container>div:first-child{border-right: 1px solid #eee;} .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;word-break: break-all;} .nyjoblist-ul li .nyjoblist-top>a{float:left;padding:10px 25px;background:#00408f;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:#2f5208;color:#fff;} @media (max-width:991px) { #nyjoblist .container>div:first-child{border: 0;} } @media (max-width:767px) { #nyjoblist{padding-bottom: 20px;} #nyjoblist .container>div:first-child{padding:0;} .nyjoblist-ul li .nyjoblist-top{padding:10px;} } #showjob{} #showjob{padding:0px 10px;} #showjob .container>div[class^="col-"]{padding: 0 10px;} #showjob .container>div:first-child{border-right: 1px solid #eee;} .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;} .showjob-list li{width:50%;float:left;padding:5px 10px;background: url(../image/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;} .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:991px) { #showjob .container>div:first-child{border:0;} } @media (max-width:767px){ #showjob{padding: 0;} .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;} } /* 搜索页面NySearch */ #nysearch{padding:50px 0;} #nysearch .container>div[class^="col-"]{padding: 0 10px;} #nysearch .container>div:first-child{border-right: 1px solid #eee;} .nysearch-ul{overflow: hidden;} .nysearch-ul li.nysearch-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;} .nysearch-til{float:left;width:calc(100% - 220px);} .nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #00408f;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: #00408f;} .nysearch-til>a:hover{background:#005c35;} .nysearch-til>a:hover .nysearch-arrow{border-left-color:#005c35;} /* .nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;} */ .nysearch-til>h2{font-size: 18px;margin:0;font-weight: bold;line-height:30px;} .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: 30px;font-size: 12px;float:right;margin-right:10px;} .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;float:right;display: block;border-radius: 20px;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: #00408f;left:0px;} @media (max-width:991px) { #nysearch .container>div:first-child{border: 0;} .nysearch-con{margin: 10px 0;} } @media (max-width:767px) { #nysearch{padding: 20px 0;} .nysearch-con{padding: 0;} } /*内页联系我们*/ .lianxi_m {overflow: hidden;margin-top: 10px;margin-bottom: 24px;background: #f5f5f5;} .lianxi_m .lianxi_ml {width: 410px;float: left;background: #00408f;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: #00408f;} .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: #00408f;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; } .lianxi_m .lianxi_ml .lianxi_ml_m { font-size: 24px; } .lianxi_m .lianxi_ml .lianxi_ml_s { width: 290px; line-height: 48px; font-size: 24px; } .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;} } /* 留言模块Message */ /*在线留言*/ #lx_nymessage .mess_1 input{ background:none; outline:none; border:1px solid #ccc;} #lx_nymessage .mess_1 input:focus{ border:none;} .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; } #lx_nymessage { background-color: #f6f6f6; padding:70px 0;} .form-horizontal { overflow: hidden; margin-top: 40px; } #lx_nymessage p {font-size: 44px;font-weight: bold;color: #00408f;display: block;margin-bottom: 5px;line-height: 1;letter-spacing: -2px;text-transform: uppercase;text-align: center;} #lx_nymessage span { font-size: 32px;color: #333;opacity: 1;display: block;text-align: center;} .form-horizontal .form-group {margin-bottom: 10px; position: relative;} #lx_nymessage .mess_1 { margin: 0 -5px; display: flex; flex-wrap: wrap; align-items: flex-start; padding-left: 0px; padding-right: 0px; } #lx_nymessage .mess_1 .form-group { margin-bottom: 10px; position: relative; width: 50%; padding: 0 5px; } #lx_nymessage .mess_1 .form-group input { padding: 0 20px; width: 100%; height: 80px; line-height: 80px; background: #fff; font-size: 16px; border:none; border-radius: 0px; } .form-horizontal .form-group { margin-left: 0px !important; margin-right:0px !important;} .form-horizontal .form-group .mess_2_2 { padding-left: 0px; padding-right: 0px; } #lx_nymessage textarea { width: 100%;height: 200px;padding: 25px 20px;line-height: 26px; background: #fff; overflow-y: auto;font-size: 16px; } .btn-default { width: 20%; line-height: 40px; text-align: center; font-size: 16px; color: #333; background-color: #dadde3; border: none; border-radius: 0;} .btn-default:hover { color: #333; background-color: #dadde3; } .btn-default:first-child { background-color: #00408f; color: #fff; margin-right: 20px; } #lx_nymessage .mess_2 { padding-left: 0px; padding-right:10px; } #lx_nymessage .mess_3 { margin-top: 25px; overflow: hidden;} #lx_nymessage .mess_3 .mess_3_3 { padding-left: 0px; padding-right: 0px; } .btn-default:first-child:hover { background: #00408f; color: #fff; } #lx_nymessage .mess_1 .form-group input::-webkit-input-placeholder{ color:#999; font-size: 16px; } #lx_nymessage .mess_1 .form-group input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size: 16px; } #lx_nymessage .mess_1 .form-group input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#999; font-size: 16px; } #lx_nymessage .mess_1 .form-group input::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; font-size: 16px; } #lx_nymessage textarea::-webkit-input-placeholder{ color:#999; font-size: 16px; } #lx_nymessage textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size: 16px; } #lx_nymessage textarea::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#999; font-size: 16px; } #lx_nymessage textarea::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; font-size: 16px; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6); box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6); } .form-control { box-shadow: inset 0 0px 0px rgba(0,0,0,.075); } @media(max-width: 1310px) { #lx_nymessage p { font-size: 36px; } #lx_nymessage { padding: 50px 0; } .form-horizontal { padding:0 10px; } } @media(max-width: 767px) { #lx_nymessage h4 { font-size: 24px; } #lx_nymessage .mess_1 .form-group { width: 100%; } #lx_nymessage .mess_1 { padding-left: 0px; padding-right: 0px; } #lx_nymessage .mess_1 .form-group input { line-height: 46px; height: 46px; } .mess_2_2 { padding-left: 0px;padding-right: 0px; } #lx_nymessage textarea { height: 140px; } .btn-default { width: 40%;line-height:30px;font-size:15px; } .mess_3_3 { padding-left: 0px;padding-right: 0px; } #lx_nymessage p { font-size: 26px; } #lx_nymessage span { font-size: 24px; } .form-horizontal { padding:0; } #lx_nymessage .mess_1 .form-group input::-webkit-input-placeholder{ color:#999; font-size: 14px; } #lx_nymessage .mess_1 .form-group input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size: 14px; } #lx_nymessage .mess_1 .form-group input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#999; font-size: 14px; } #lx_nymessage .mess_1 .form-group input::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; font-size: 14px; } #lx_nymessage textarea::-webkit-input-placeholder{ color:#999; font-size: 14px; } #lx_nymessage textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; font-size: 14px; } #lx_nymessage textarea::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */color:#999; font-size: 14px; } #lx_nymessage textarea::-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999; font-size: 14px; } .btn-default { font-size: 14px; } #ny_connect .box1_box .box1_box_nr .box1_box_nr_r .imgbox li p { font-size: 14px; margin-bottom: 5px; } #ny_connect .box1_box .box1_box_nr .box1_box_nr_r .imgbox li span { font-size: 14px; } } /*#nymessage{padding:50px 0;background:url(../images/nymessagebg.jpg) no-repeat center;background-size:cover;} #nymessage h4{color:#00408f;} #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 form{margin-top:30px;} }*/ .jiathis{ padding:0px 5px; height:35px; line-height:30px; margin-top:10px; border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;} .jiathis .jiathis_txt{float: left;} #nynav{padding: 10px 0;border-bottom: 1px solid #ddd;} .nyjc-crcrumbs{border-bottom: 1px solid #ddd;background: url(../image/nav_tb.png) left 6px no-repeat;padding-left: 20px;color: #808080;margin-bottom: 15px;line-height: 25px;padding-bottom: 10px;} .nyjc-crcrumbs a{color: #808080;} .nyjc-crcrumbs a:hover{color: #00408f;} .nysolution>div{position: relative;} .nysolution-nav{background: rgba(0,0,0,.5);line-height: 42px;position: absolute;bottom: 0;width: 100%;left: 0;} .nysolution-nav span{display: block;padding: 0 27px;color: #fff;} .nysolution-nav a{color: #fff;} .tablesaw td, .tablesaw th {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: .5em .7em;} .nyjc{} .nyjc-til{padding:15px;border-radius: 10px 10px 0 0;color:#fff;background: #00408f} .nyjc-til p{font-size: 24px;} .nyjc-til i{display: block;height: 1px;width: 90px;background: #fff;margin:10px 0;} .nyprolist{padding: 30px 0;} .nypro-img{border:1px solid #e6e6e6;overflow: hidden;} .nypro-img img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nypro-ul{margin-bottom: 30px;} .nypro-ul li{margin-bottom: 20px} .nypro-ul li p{background: #e6e6e6;text-align: center;height: 35px;line-height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin:0;padding:0 10px;} .nypro-ul li:hover .nypro-img{border-color:#00408f;} .nypro-ul li:hover .nypro-img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .nypro-ul li:hover p{background: #00408f;color:#fff;} @media (max-width: 991px) { .nyprolist{padding: 2px 0 15px;} } /* 产品内页Nyproduct */ #nypronav{border-bottom: 1px solid #e5e5e5;} #nypronav>.container{padding: 0;} #sidebar1{display: flex;} #sidebar1 li{flex: 1;line-height: 78px;text-align: center;} #sidebar1 li a{display: block;color: #666;font-size: 16px;transition: all .3s;-webkit-transition: all .3s;border: 1px solid #e5e5e5;} #sidebar1 li a i{width: 25px;height: 25px;display: inline-block;margin-right: 15px;position: relative;top: 5px;} #sidebar1 li:nth-child(1) a i{background: url(../image/owl.video.play.png) no-repeat center;} #sidebar1 li:nth-child(2) a i{background: url(../image/owl.video.play.png) no-repeat center;} #sidebar1 li:nth-child(3) a i{background: url(../image/owl.video.play.png) no-repeat center;} #sidebar1 li:nth-child(4) a i{background: url(../image/owl.video.play.png) no-repeat center;} #sidebar1 li.cur a, #sidebar1 li:hover a{background-color: #00408f;color: #fff;border-color: #0461B2;} #sidebar1 li:nth-child(1).cur a i, #sidebar1 li:nth-child(1):hover a i{background: url(../image/owl.video.play.png) no-repeat center;} #sidebar1 li:nth-child(2).cur a i, #sidebar1 li:nth-child(2):hover a i{background: url(../image/owl.video.play.png) no-repeat center;} #sidebar1 li:nth-child(3).cur a i, #sidebar1 li:nth-child(3):hover a i{background: url(../image/owl.video.play.png) no-repeat center;} #sidebar1 li:nth-child(4).cur a i, #sidebar1 li:nth-child(4):hover a i{background: url(../image/owl.video.play.png) no-repeat center;} @media (max-width: 991px) { #sidebar1 li a{font-size: 15px;} } @media (max-width: 767px) { #sidebar1{flex-wrap: wrap;align-content: flex-start;} #sidebar1 li{width: 50%;flex: auto;} } @media (max-width: 400px) { #sidebar1 li{line-height: 55px;} #sidebar1 li a{font-size: 14px;} #sidebar1 li a i{margin-right: 5px;} } #nyproduct{padding: 60px 0 40px;border-bottom: 1px solid #e5e5e5;} @media (max-width: 991px) { #nyproduct{padding: 0;} } /* 内页产品列表描述Nyprocon */ #nyprocon1{padding: 60px 0 100px;} .nyprocon1-txt{margin-top: 70px;} .nyprocon1-txt p{color: #333;font-size: 16px;line-height: 32px;text-align: justify;margin-bottom: 15px;} .nyprocon1-txt p span{color: #0461B2;margin-right: 10px;} .nyprocon1-txt p:last-child{margin-bottom: 0;} #nyprocon2{background: url(../image/owl.video.play.jpg) no-repeat center;background-size: cover;padding-top: 75px;} .nyprocon2-img h2{font-size: 40px;color: #fff;margin-bottom: 20px;} .nyprocon2-txt{padding:15px 0 110px;border-bottom: 8px solid #4cb034;} .nyprocon2-txt p{color:#fff;text-align: justify;line-height: 25px;margin-top: 35px;} #nyprocon3{padding: 60px 0 50px;border-bottom: 1px solid #e5e5e5;} #nyprocon3 img{margin-top: 20px;} #nyprocon4{padding: 60px 0 50px;border-bottom: 1px solid #e5e5e5;} #nyprocon4 img{margin-top: 20px;} #nyprocon5{padding: 60px 0 50px;border-bottom: 1px solid #e5e5e5;} .nyprocon5-img{margin-top: 30px;} .nyprocon5-txt{margin-top: 30px;padding-top: 20px;text-align: justify;} .nyprocon5-txt ul{padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;} .nyprocon5-txt ul li{color: #444;line-height: 25px;margin-bottom: 10px;} .nyprocon5-txt ul li span{color: #4cb034;margin-right: 5px;} .nyprocon5-txt p{color: #444;line-height: 25px;margin-top: 10px;} #nyprocon6{padding: 55px 0 120px;} .nyprocon6-til{line-height: 52px;background-image: linear-gradient(to right, #00479d , #00a0e9);overflow: hidden;margin-top: 40px;} .nyprocon6-til div{width: 50%;padding-left: 50px;float: left;} .nyprocon6-til p{color: #fff;font-size: 18px;background: url(../image/owl.video.play.png) no-repeat left;padding-left: 30px;} .nyprocon6-con{box-shadow: 0 0 10px 1px rgba(6,0,1,0.15);display: flex;background: url(../image/owl.video.play.jpg) no-repeat center center;} .nyprocon6-con>div{flex: 1;padding: 35px;} .nyprocon6-con p{color: #333;font-size: 14px;margin-bottom: 16px;} .nyprocon6-con p span{color: #0094df;font-family: SamHei;position: relative;top: 4px;font-size: 23px;line-height: 10px;} .nyprocon6-con1 p:last-child, .nyprocon6-con2 p:last-child{margin-bottom: 0;} @media (max-width:1459px){ .nyprocon2-txt{padding: 15px 0 60px;} } @media (max-width:1359px){ #nyprocon2{padding-top: 50px;} .nyprocon2-txt{padding: 0px 0 60px;} .nyprocon2-img{margin-top: 35px;} } @media (max-width:1359px){ .nyprocon2-img{margin-top: 70px;} } @media (max-width:1199px){ .nyprocon1-txt{margin-top: 0;} #nyprocon2{padding-top: 0px;} .nyprocon2-img{margin-top: 150px;} .nyprocon2-img h2{font-size: 32px;} .nyprocon2-txt{padding: 0px 0 30px;} .nyprocon5-txt{margin-top: 0;} } @media (max-width:991px){ .nyprocon1-txt{margin-top: 15px;} .nyprocon2-img{margin-top: 30px;} } @media (max-width:767px){ #nyprocon1, #nyprocon2, #nyprocon3, #nyprocon4, #nyprocon5, #nyprocon6{padding: 30px 0;} .nyprocon1-img, .nyprocon1-txt{padding: 0;} .nyprocon1-txt{margin-top: 10px;} .nyprocon2-img{margin-top: 0;} .nyprocon2-txt p{margin-top: 10px;} .nyprocon5-txt{padding-left: 0;padding-right: 0;} .nyprocon6-til{margin-top: 20px;} .nyprocon6-til div{width: 100%;} .nyprocon6-til div:last-child{display: none;} .nyprocon6-con{background: none;} .nyprocon6-con>div:last-child{display: none;} } @media (max-width:570px){ .nyprocon6-til div{padding-left: 25px;} .nyprocon6-con>div{padding: 20px;} } @media (max-width:500px){ .nyprocon2-img h2{font-size: 26px;} .nyprocon2-txt{padding: 0;border: 0;} } @media (max-width:400px){ .nyprocon2-img h2{font-size: 22px;} } @media (max-width:340px){ .nyprocon2-img h2{font-size: 20px;} } .pro-mlist{background: #fff;} .pro-mp{padding-left: 15px;border-bottom: 1px dashed #eee;} .pro-mp p{line-height: 50px;font-size:16px;padding-left: 15px;position: relative;} .pro-mp p::before{content:'';position: absolute;left: 0;top: 50%;margin-top: -7px;width: 2px;height: 16px;background: #00408f;} .pro-mlist li{padding: 10px;border-bottom: 1px dashed #eee;} .pro-m-img{padding: 0;} .pro-m-txt{padding-left: 10px;padding-right: 0;} .pro-m-txt>a{font-size: 16px;display: block;color: #333;margin-bottom: 10px;} .pro-m-txt>p{font-size: 14px;color: #999;line-height: 20px;height: 40px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .pro-m-al{overflow: hidden;margin-top: 10px;margin-right: 20px;} .pro-m-al a{width: 40px;height: 30px;display: block;float: right;border: 1px solid #f3f3f3;} .pro-m-al a.pro-mico1{background: url(../image/owl.video.play.png) no-repeat center;background-size: 20px;} .pro-m-al a.pro-mico2{background: url(../image/owl.video.play.png) no-repeat center;background-size: 20px;border-left: none;} /* 产品详情Nyshowpro */ #nyshowpro{padding: 50px 0;background-color: #f3f3f3;} .showpro{background-color: #fff;padding: 50px 75px;} .showpro-list-img{border:1px solid #eee;} .showpro-list-img img{width: 100%} .showpro-right{padding-left:30px;max-height: 533px;overflow: hidden;} .showpro-right h2{font-size: 20px;font-weight: bold;border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px;margin-top: 0} .showpro-right p{color: #666;line-height: 25px;margin-bottom: 10px;} .showpro-tel{padding-top: 10px;} .showpro-rem{padding-top: 10px;} .showpro-rem p{color:#00408f;font-weight: bold;font-size: 16px;} .showpro-rem ul{} .showpro-rem ul li a{border:1px solid #eee;display: block;} .showpro-rem ul li:hover a{border-color: #00408f} .showpro-con{margin-top: 20px;} .showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;} .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: #00408f;color:#fff;} .showpro-con ul li:last-child{margin-right: 0;} .showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;} .showpro-details div{margin-bottom: 10px;} .showpro-details img{max-width: 100%;} .showpro-det{display: none;} @media (max-width: 767px) { #nyshowpro{padding: 0;} .showpro-right{margin-top: 10px;} .showpro{padding: 15px;} } @media (max-width: 450px) { .showpro-con ul{display: flex} .showpro-con ul li{flex:1;padding:0;font-size: 14px;} .showpro-details{font-size: 14px;} .showpro-details td{padding:5px;} } .nymenu{width: 0;height: calc(100% - 50px);position: fixed;z-index: 90;top: 0;background: rgba(0,0,0,0.3);} .nymenu>a{position: fixed;right: 0;top: 50%;width: 30px;text-align: center;padding: 5px;background: #00408f;color: #fff;z-index: 95;} .nymenu-con{position: fixed;overflow-y: auto;top: 0;right: -280px;width: 280px;padding: 15px 25px 25px;height: calc(100% - 50px);background-color: #00408f;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: 16px;line-height: 30px;} .nymenu-con dl dd{padding-left: 10px;} .nymenu-con dl dd a{display: inline-block;margin: 7px 10px;} .nymenu-con>a{float: right;color: #fff;position: relative;top:8px;z-index: 102;font-size: 18px;} .nymenu-con.on{right: 0;} /* 内页解决方案Nysolu */ #nysolu{background: url(../image/owl.video.play.jpg) no-repeat top center;padding: 50px 0 70px;border-bottom: 1px solid #E5E5E5;} #nysolu>.container{padding: 0;} .nysolu-swiper-container{overflow: hidden;position: relative;margin-bottom: 30px;} .nysolu-one{display: flex;} .nysolu-one-img{flex: 9;overflow: hidden;} .nysolu-one-img a{display: block;} .nysolu-one-img img{width: 100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nysolu-one-txt{flex: 5.1;padding: 0 75px;border: 1px solid #e5e5e5;} .nysolu-one-txt>div{} .nysolu-one-txt .nysolu-til{color: #232323;font-size: 26px;line-height: 50px;transition: all .3s;-webkit-transition: all .3s;} .nysolu-one-txt .nysolu-xian{width: 74px;height: 2px;background-color: #00408f;} .nysolu-one-txt p{color: #444;font-size: 15px;line-height: 30px;text-align: justify;margin-top: 30px;max-height: 120px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .nysolu-one-txt .nysolu-more{width: 140px;line-height: 42px;height: 42px;background-color: #00408f;color: #fff;font-size: 15px;display: block;text-align: center;margin-top: 25px;transition: all .3s;-webkit-transition: all .3s;} .nysolu-one-img a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .nysolu-one-txt .nysolu-til:hover{color: #0461B2;} .nysolu-one-txt .nysolu-more:hover{background-color: #024b8b;} .nysolu-swiper-container .nysolu-swiper-button-next, .nysolu-swiper-container .nysolu-swiper-button-prev{position: absolute;width: 40px;height: 60px;z-index: 100;} .nysolu-swiper-container .nysolu-swiper-button-prev{bottom: 50%;background: url(../image/owl.video.play.png) no-repeat center #0461B2;border-radius: 25px 0 0 0;} .nysolu-swiper-container .nysolu-swiper-button-next{top: 50%;background: url(../image/owl.video.play.png) no-repeat center #0461B2;border-radius: 0 0 25px 0;} .nysolu-ul{overflow: hidden;} .nysolu-ul li{padding: 0 25px;margin-bottom: 45px;} .nysolu-ul li .nyimg-div{box-shadow: 0 0 10px 1px rgba(6,0,1,0.15);} .nysolu-ul li .nyimg-div>a{overflow: hidden;display: block;} .nysolu-ul li .nyimg-div img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nysolu-ul li .nyimg-a{line-height: 56px;padding: 0 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;display: block;color: #333;font-size: 16px;transition: all .3s;-webkit-transition: all .3s;} .nysolu-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);} .nysolu-ul li:hover .nyimg-a{background-color: #00408f;color: #fff;} @media (max-width:1199px){ .nysolu-ul li{padding: 0 15px;margin-bottom: 25px;} } @media (max-width:767px){ #nysolu{padding: 30px 0;} #nysolu>.container{padding: 0 10px;} .nysolu-ul li{padding: 0 8px;margin-bottom: 20px;} } @media (max-width:500px){ .nysolu-ul li .nyimg-a{font-size: 15px;line-height: 40px;} } .nytitle{overflow: hidden;} .nytitle h2{text-align: center;font-size: 40px;font-weight: bold;color: #232323;} .nytitle h2 i{width: 10px;height: 10px;background-color: #4cb034;border-radius: 50%;display: inline-block;position: relative;left: 8px;top: 4px;} .nytitle .ny-xian{width: 50px;height: 3px;background-color: #4cb034;margin: 20px auto;} #nysolucon1{padding: 50px 0 30px;} #nysolucon1 p{font-size: 16px;color: #444;line-height: 30px;padding: 10px 40px 0;text-align: justify;} #nysolucon2{background: url(../image/owl.video.play.jpg) no-repeat center top;padding: 57px 0;background-size: cover;} #nysolucon2 p{font-size: 28px;font-weight: bold;color: #fff;} #nysolucon2 img{margin-top: 40px;} #nysolucon3{padding: 60px 0;border-bottom: 1px solid #e5e5e5;} .nysolucon3-img{text-align: right;} #nysolucon3 img{max-width: 100%;} #nysolucon3 p{color: #444;font-size: 16px;text-align: justify;margin-top: 60px;line-height: 32px;} #nysolucon4{padding: 65px 0 40px;} .nysolucon4-til{line-height: 52px;background-image: linear-gradient(to right, #00479d , #00a0e9);overflow: hidden;margin-top: 40px;} .nysolucon4-til div{width: 50%;padding-left: 50px;float: left;} .nysolucon4-til p{color: #fff;font-size: 18px;background: url(../image/owl.video.play.png) no-repeat left;padding-left: 30px;} .nysolucon4-con{box-shadow: 0 0 10px 1px rgba(6,0,1,0.15);display: flex;background: url(../image/owl.video.play.jpg) no-repeat center center;} .nysolucon4-con>div{flex: 1;padding: 35px;} .nysolucon4-con p{color: #333;font-size: 14px;margin-bottom: 16px;} .nysolucon4-con p span{color: #0094df;font-family: SamHei;position: relative;top: -1px;} .nysolucon4-con1 p:last-child, .nysolucon4-con2 p:last-child{margin-bottom: 0;} #nysolucon5{padding: 30px 0 60px;border-bottom: 1px solid #e5e5e5;} #nysolucon5 img{margin-top: 30px;} #nysolucon5 p{font-size: 24px;font-weight: bold;color: #222;text-align: center;padding-bottom: 30px;} #nysolucon6{padding: 60px 0 80px;} .nysolucon6-bg{height: 220px;background: url(../image/owl.video.play.jpg) no-repeat center;margin-top: 35px;} .nysolucon6-bg p{font-size: 16px;color: #333;text-align: center;padding: 0 235px;line-height: 32px;} @media (max-width:1459px){ .nysolucon6-bg p{padding: 0px 185px;} } @media (max-width:1359px){ .nysolucon6-bg p{padding: 0px 135px;} } @media (max-width:1259px){ .nysolucon6-bg p{padding: 0px 105px;} } @media (max-width:1199px){ #nysolucon3 p{margin-top: 20px;} .nysolucon6-bg p{padding: 0px 25px;} } @media (max-width:991px){ .nysolucon3-img{text-align: center;} #nysolucon3 .container div{padding: 0;} } @media (max-width:767px){ .nytitle h2{font-size: 30px;} .nytitle .ny-xian{margin: 10px auto;} #nysolucon1, #nysolucon2, #nysolucon3, #nysolucon4, #nysolucon6{padding: 30px 0;} #nysolucon5{padding: 0 0 30px;} #nysolucon1 p{padding: 10px 0 0 0;} #nysolucon2 img{margin-top: 20px;} #nysolucon3 p{margin-top: 10px;} .nysolucon4-til{margin-top: 20px;} .nysolucon4-til div{width: 100%;} .nysolucon4-til div:last-child{display: none;} .nysolucon4-con{background: none;} .nysolucon4-con>div:last-child{display: none;} } @media (max-width:570px){ #nysolucon2 p{font-size: 21px;} .nysolucon4-til div{padding-left: 25px;} .nysolucon4-con>div{padding: 20px;} #nysolucon5 img{margin-top: 10px;} #nysolucon5 p{font-size: 20px;padding-bottom: 0;margin-top: 10px;} } @media (max-width:400px){ .nytitle h2{font-size: 24px;} #nysolucon2 p{font-size: 16px;font-weight: normal;} #nysolucon5 p{font-weight: normal;font-size: 16px;} .nysolucon6-bg{margin-top: 15px;} .nysolucon6-bg p{padding: 0px 10px;font-size: 15px;} } #objimg{} .obj-img{position: relative;} .obj-img::before{content: '';position: absolute;top: 0;left: 0;width:100%;height:100%;background: rgba(0,0,0,.5);} .obj-img h1, .obj-img p{text-shadow: 0 0 2px #000;-webkit-animation-duration: 1s;animation-duration: 1s;-o-animation-duration: 1s;-ms-animation-duration: 1s;-moz-animation-duration: 1s;-webkit-animation-fill-mode: both;-o-animation-fill-mode: both;-ms-animation-fill-mode: both;-moz-animation-fill-mode: both;-webkit-animation-name: bannerH2;animation-name: bannerH2;-o-animation-name: bannerH2;-ms-animation-name: bannerH2;-moz-animation-name: bannerH2;opacity: 0;} .obj-img h1{color: #fff;position: relative;margin-bottom: 20px;font-size: 36px; -webkit-animation-delay: 0.3s;animation-delay: 0.3s;-o-animation-delay: 0.3s;-ms-animation-delay: 0.3s;-moz-animation-delay: 0.3s;} .obj-img p{color: #fff;position: relative;font-size: 18px; -webkit-animation-delay: 0.8s;animation-delay: 0.8s;-o-animation-delay: 0.8s;-ms-animation-delay: 0.8s;-moz-animation-delay: 0.8s;} .obj-con{padding-top: 15%;padding-bottom: 15%;} @media (max-width:500px) { .obj-img h1{font-size: 20px;} .obj-img p{font-size: 14px;} } @-webkit-keyframes bannerH2 { 0% { opacity:0; -webkit-transform:translateY(50px); transform:translateY(50px); -moz-transform:translateY(50px); -o-transform:translateY(50px); -ms-transform:translateY(50px); } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); } } @keyframes bannerH2 { 0% { opacity:0; -webkit-transform:translateY(50px); transform:translateY(50px); -moz-transform:translateY(50px); -o-transform:translateY(50px); -ms-transform:translateY(50px); } 100% { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); } } .section-content{ margin-top: 20px;padding:15px 20px;background: #fff;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);font-size: 16px;line-height: 2;} .nav-height{ position:relative;} #nav-wrap1 { width: 100%;background: #fff;box-shadow: 0 0 5px rgba(0,0,0, 0.2);} #nav-wrap1.navFix{position: fixed;top: 90px;left: 0; box-shadow: 0 0 5px rgba(0,0,0, 0.2);z-index: 999;} #nav-wrap1 ul {display: block;} #nav-wrap1.navFix ul{ border-bottom: 0;} #nav-wrap1 li { display: inline-block; text-align: left;height: 50px; line-height: 50px; float: left;} #nav-wrap1 li a {display: block;padding: 0 20px;font-size:16px; color: #666; text-decoration: none;} #nav-wrap1 li a:hover{color: #00408f;} #nav-wrap1 li a.active {position: relative;color: #00408f;} #nav-wrap1 li a.active::after {content: ''; position: absolute;left: 0;bottom: 0;height: 2px;width:100%;background: #00408f} .nav-mobile {display: none;font-weight: bold;width: 100%;} .click-me {width: 150px;height: 30px; background: #00408f;color: white; text-align: center;line-height: 30px;} .click-me a {display: block;color: white;} .prod-bg{background: #f1f1f1;} .prod-title{margin-bottom: 10px;font-size: 18px;color: #666;} .prod-info{} .prod-info img{max-width: 100%;} #section1 img{margin: 10px 0;} #section2 img{border:1px solid #ddd;padding: 3px;} #section2 a:hover img{border: 1px solid #00408f;} @media (max-width:414px) { .prod-bg{padding: 0 10px;} .section-content{padding: 10px; font-size: 14px;margin-top: 10px;} } @media (max-width:414px) { #nav-wrap1.navFix{top: 65px;} } .objbg{background: url(../image/owl.video.play.png) no-repeat;} .nyobj-ul li{margin-bottom: 20px;padding: 0 10px;} .nyobj-bor{border: 1px solid #ddd;overflow: hidden;} .nyobj-img img{width: 100%;} .nyobj-a{font-size: 26px;color: #353535;font-weight: bold;} .nyobj-txt{margin-top: 30px;padding: 0 40px;} .nyobj-txt p{font-size: 15px;color: #666;border-top: 1px solid #ddd;padding-top: 20px;margin-top: 10px;line-height: 25px;height: 120px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .nyobj-a:hover{color: #00408f;} .nyobj-more{margin-top: 30px;} .nyobj-more a{display: inline-block;background: #00408f;padding: 8px 20px;color: #fff;border-radius: 5px;} .nyobj-more a+a{margin-left: 20px;} .hotpros{padding:0 10px;margin-bottom: 20px;} .hotpros p{font-size: 16px;color: #00408f;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../image/ny-objs.png) no-repeat left;} .hotpros a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(../image/iyuan.png) no-repeat left;background-size:8px;} .hotpros a:hover{background: url(../image/iyuan_on.png) no-repeat left;color: #00408f;} .hotnews{padding:0 10px;} .hotnews p{font-size: 16px;color: #00408f;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../image/ny-news.png) no-repeat left;} .hotnews a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(../image/iyuan.png) no-repeat left;background-size:8px;} .hotnews a:hover{background: url(../image/iyuan_on.png) no-repeat left;color: #00408f;} #pageshow {padding: 10px;} .show-dateil{font-size: 16px;line-height: 2;padding: 10px;} .show-dateil p{} .show-dateil img{max-width: 100%;} .showmap img{max-width: none;} @media (max-width:767px){ .show-dateil{padding: 0;} .show-dateil,.show-dateil *{font-size:14px !important} .show-dateil h2 span{font-size: 24px !important;} #dituContent{height: 400px !important} } /* 下载中心 */ #downloadlist{} #downloadlist .metlist{ margin-bottom:20px;} #downloadlist dl.top dt a{ color:#f00;} #downloadlist .metlist dt{ border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; padding:3px 5px 3px 20px; background:url(../image/owl.video.play.gif) no-repeat 5px 9px;} #downloadlist .metlist dd{ color:#999; padding:5px 8px; background:#f8f8f8;} #downloadlist .metlist dd b{ font-weight:normal;} #downloadlist .metlist dd div{ float:right;} #downloadlist .metlist dd span{ padding-right:20px;} #downloadlist .metlist dd a{ color:#1C57C4; text-decoration:underline;} #downloadlist .metlist dd a.down{ color:#fa1a1a; text-decoration:underline;} #showdownload{} #showdownload h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;} #showdownload .paralist{ background:#f6f6f6; padding:5px 10px;} #showdownload .paralist li{ padding:3px 5px 3px 0px; margin:5px 0px; border-bottom:1px solid #eee;} #showdownload .paralist li a{ color:#f00; text-decoration:underline;} #showdownload .paralist li span{ float:left; padding:0px 10px; margin-right:5px; text-align:left; } #showdownload .editor{ line-height:2; padding:0px 10px; font-size:14px;} #showdownload .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(../image/owl.video.play.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } /*全站搜索*/ #searchlist{} #searchlist li{ padding-left:10px; margin-bottom:6px; line-height:1.5;} #searchlist ul{ list-style:none; padding:0px; margin:0px;} #searchlist ul li{ padding:3px 5px; margin-bottom:5px;} #searchlist ul li img{ display:none;} #searchlist .search_title{ display:block; padding:2px 0px;} #searchlist .search_title a{ font-size:14px; color:#12C; text-decoration:underline;} #searchlist .search_title em{ color:#c00; text-decoration:underline; font-style:normal;} #searchlist .search_detail{ display:block; } #searchlist .search_detail a{ text-decoration:underline; color:#12C;} #searchlist .search_content em{ color:#c00; font-style:normal;} #searchlist .search_updatetime{ display:block; margin-top:5px; color:green;} #searchlist a:hover{ text-decoration:underline;} /* 内页banner */ .nybanner{} .nybanner>div{background-position: top center;background-repeat: no-repeat;background-size: cover;} .nybanner p{font-size: 36px;color: #00408f;} .nybanner span{font-size: 20px;color: #444;text-transform: uppercase;letter-spacing: 0.4px;} @media (max-width: 991px){ .nybanner>div{height: 400px !important;} } @media (max-width: 767px){ .nybanner p{font-size: 35px;} .nybanner span{font-size: 18px;} .nybanner>div{height: 300px !important;} } @media (max-width: 560px){ .nybanner p{font-size: 30px;} .nybanner span{font-size: 16px;} .nybanner>div{height: 250px !important;} } @media (max-width: 420px){ .nybanner p{font-size: 24px;} .nybanner span{font-size: 14px;} .nybanner>div{height: 200px !important;} } @media (max-width: 374px){ .nybanner p{font-size: 20px;} .nybanner span{font-size: 12px;} } /*翻页样式*/ .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:#00408f; display: inline-block; } .metpager_5 a:hover { border:1px solid #00408f; color:#fff; background-color:#00408f;} .metpager_5 a:active {border:1px solid #009; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#00408f; text-decoration:none;display: inline-block;} .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#666;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/owl.video.play.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/owl.video.play.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../image/owl.video.play.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../image/owl.video.play.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../image/owl.video.play.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;} #repocon{padding-bottom:50px;} .repoconbx{padding-bottom:20px;border-bottom:1px solid #dfdfdf;} .repoconlist{padding:20px 0;} @media (max-width: 767px){ #repocon .container>div[class^="col-"]{padding:0;} }