@charset "utf-8"; /* 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:#00205b; } 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;} .fl{float: left;} .fr{float: right;} input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } .table>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: 1440px;} } @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:90px;z-index: 10;background-color:transparent;transition:all .3s;-webkit-transition:all .3s;} header.fixd{background-color: rgba(0,0,0,0.7);} header.fixd1{background-color: rgba(0,0,0,0.7);} #headHigh{height:90px;position: relative;} /* logo */ .logo{float:left;padding:10px 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;} .htmail{float:left;width:40px;height:40px;line-height:40px;border:1px solid #ddd;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:#999;} .htmail:hover{background:#00205b;} .htmail:hover span{color:#fff;} .httel{float:left;padding:0 28px;border-radius:20px;line-height:40px;background-color:#00205b;background-image:linear-gradient(-60deg, #19712f, #5ca721);margin-left:22px;} .httel span{color:#fff;font-size:18px;font-weight:bold;display:block;padding-left:32px;background: url(../images/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:right;position:relative;} .htsearch>span{color:#fff;font-size:18px;line-height:40px;padding:0 15px;cursor:pointer;padding-top: 8px;} .q_search{position:absolute;right:0;top:48px;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;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) { .htsearch{display:none;} .hoico1, .hoico2{display:none;} } @media only screen and (max-width: 991px) { .httel{margin-left:10px;} .htlang{margin-left: 10px;padding-right: 0;} } @media only screen and (max-width: 767px) { header, #headHigh{height:84px;} .httel{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: 350px) { header, #headHigh{height:44px;} .logo img{height:34px;} .hetrg{padding:7px 0;} .hetrg{padding:7px 0;} } /* 首页nav */ /* 首页nav */ .header_right_un{float: right;margin-top:20px} nav{float:right;} ul.nav{float:right} ul.nav>li{float: left;} ul.nav>li>a{text-align:center;padding:0 30px;line-height:56px;font-size:16px;color:#fff;} ul.nav>li:hover>a{color:#00205b;background:#eee} ul.nav2{position:absolute;left:0;top:100%;width:100%;border-top:2px solid #00205b;background:#f7f7f7;display:none;z-index:111;} ul.nav2>li{font-size: 14px;line-height: 38px;position:relative} ul.nav2>li .nav4{display: none;position: absolute;width:140px;top:0;left: 100%;margin-left: 0;text-align: center;z-index: 999;background:#fff;} ul.nav2>li .nav4 a{line-height:38px;height: 38px;position: relative;} ul.nav2>li .nav4 a:hover{background: #1e3190;color:#fff} ul.nav2>li:hover>.nav4{display: block;} 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>p>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:#00205b;border-color:#00205b;} @media( max-width: 1499px ) { ul.nav>li>a { padding:0 25px; } } @media( max-width: 1399px ) { ul.nav>li>a { padding:0 20px; } } @media (max-width: 1299px) { ul.nav>li>a{padding:0 10px;} } @media (max-width: 1199px) { ul.nav>li>a{padding:0 25px;} } .hopronav{background:#f0f0f0;position:absolute;left:0;width:100%;border-top:2px solid #00205b;display:none;z-index:111;} .hoprotab{width:300px;float:left;background:#00205b;height:450px;} .hoprotab ul{display: flex; flex-direction: column;height:100%;} .hoprotab ul li{width: 100%;flex: 1;} .hoprotab ul li.on{background:#76b631;} .hoprotab ul li a{width:100%;height:100%;font-size: 18px;color: #fff;} .hoproConDiv{float:left;width:calc(100% - 300px);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:#00205b;} .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);} .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(../images/plus.png) 100% no-repeat;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .icon_on{background:url(../images/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 (min-width: 768px) { #index #banner .nybanner{display:none;} #index #banner .banner-swiper-container{display:none;} #index #banner #invideo{width:100%;display:block;} } @media only screen and (max-width: 767px) { #index #banner .nybanner{display:block;} #index #banner .banner-swiper-container{display:block;} #index #banner #invideo{display:none;} #banner .swiper-button-prev, #banner .swiper-button-next{display:none;} } /* 搜索页面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>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #00205b;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: #00205b;} .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-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nysearch-date {color: #333;line-height: 20px;font-size: 12px;} .nysearch-date span{color: #999;} .nysearch-date p{float: left;margin: 0;} .nysearch-date i{margin-right: 5px;} .nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .nysearch-con a.nysearch-more:hover{background: #00205b;left:10px;} @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;} } /* 通用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;} } /*按钮*/ #productlist .owl-prev, #productlist0 .owl-next{position: absolute;text-indent: -999999px;top: 50%;transform: translateY(-50%);width: 20px;height: 35px;opacity: 0.7;} #productlist .owl-prev{background: url(../images/hotpro-prev.png) no-repeat;left: -32px;} #productlist .owl-next{background: url(../images/hotpro-next.png) no-repeat;right: -32px;} #productlist .owl-prev:hover, #productlist0 .owl-next:hover{opacity: 1;} #productlist0 .owl-prev, #productlist0 .owl-next{position: absolute;text-indent: -999999px;top: 50%;transform: translateY(-50%);width: 20px;height: 35px;opacity: 0.7;} #productlist0 .owl-prev{background: url(../images/hotpro-prev.png) no-repeat;left: -32px;} #productlist0 .owl-next{background: url(../images/hotpro-next.png) no-repeat;right: -32px;} #productlist0 .owl-prev:hover, #productlist0 .owl-next:hover{opacity: 1;} #productlist1 .owl-prev, #productlist1 .owl-next{position: absolute;text-indent: -999999px;top: 50%;transform: translateY(-50%);width: 20px;height: 35px;opacity: 0.7;} #productlist1 .owl-prev{background: url(../images/hotpro-prev.png) no-repeat;left: -32px;} #productlist1 .owl-next{background: url(../images/hotpro-next.png) no-repeat;right: -32px;} #productlist1 .owl-prev:hover, #productlist1 .owl-next:hover{opacity: 1;} #productlist2 .owl-prev, #productlist2 .owl-next{position: absolute;text-indent: -999999px;top: 50%;transform: translateY(-50%);width: 20px;height: 35px;opacity: 0.7;} #productlist2 .owl-prev{background: url(../images/hotpro-prev.png) no-repeat;left: -32px;} #productlist2 .owl-next{background: url(../images/hotpro-next.png) no-repeat;right: -32px;} #productlist2 .owl-prev:hover, #productlist2 .owl-next:hover{opacity: 1;} #productlist3 .owl-prev, #productlist3 .owl-next{position: absolute;text-indent: -999999px;top: 50%;transform: translateY(-50%);width: 20px;height: 35px;opacity: 0.7;} #productlist3 .owl-prev{background: url(../images/hotpro-prev.png) no-repeat;left: -32px;} #productlist3 .owl-next{background: url(../images/hotpro-next.png) no-repeat;right: -32px;} #productlist3 .owl-prev:hover, #productlist3 .owl-next:hover{opacity: 1;} #productlist11 .owl-prev, #productlist11 .owl-next{position: absolute;text-indent: -999999px;top: 50%;transform: translateY(-50%);width: 20px;height: 35px;opacity: 0.7;} #productlist11 .owl-prev{background: url(../images/hotpro-prev.png) no-repeat;left: -32px;} #productlist11 .owl-next{background: url(../images/hotpro-next.png) no-repeat;right: -32px;} #productlist11 .owl-prev:hover, #productlist11 .owl-next:hover{opacity: 1;} #productlist12 .owl-prev, #productlist12 .owl-next{position: absolute;text-indent: -999999px;top: 50%;transform: translateY(-50%);width: 20px;height: 35px;opacity: 0.7;} #productlist12 .owl-prev{background: url(../images/hotpro-prev.png) no-repeat;left: -32px;} #productlist12 .owl-next{background: url(../images/hotpro-next.png) no-repeat;right: -32px;} #productlist12 .owl-prev:hover, #productlist12 .owl-next:hover{opacity: 1;} #productlist23 .owl-prev, #productlist23 .owl-next{position: absolute;text-indent: -999999px;top: 50%;transform: translateY(-50%);width: 20px;height: 35px;opacity: 0.7;} #productlist23 .owl-prev{background: url(../images/hotpro-prev.png) no-repeat;left: -32px;} #productlist23 .owl-next{background: url(../images/hotpro-next.png) no-repeat;right: -32px;} #productlist23 .owl-prev:hover, #productlist23 .owl-next:hover{opacity: 1;} #beg{background:#f5f5f5;padding-bottom: 50px;} /*应用领域*/ .title1 {text-align: center;display: block;padding:35px 0;position: relative;} .title1::before{content: "";position:absolute;width:16px;height:18px;background:url(../images/luosi.png) no-repeat;left:50%;top:55px;margin-left: 75px;} .title1 h3{color:#333333;font-size: 36px;padding-bottom:5px;} .title1 p{color:#666;font-size:16px;} .productpro{} .product1234{display:flex;} .wwinnoleft{flex:1;margin-right:20px;margin-bottom:20px;} .wwinnoleft-div{width:100%;height:100%;background:#222;} .wwinnoleft-div a{display:block;width:100%;height:100%;position:relative;padding:0 42px;overflow:hidden;} .wwinnoleft-div a h3{font-size:30px;color:#fff;font-weight:bold;text-align:center;padding-bottom: 10px;margin-top:90px;} .wwinnoleft-div a p{font-size:14px;color:#999;text-align: center;} .wwinnoleft-div a b{display:block;width:144px;height:42px;border-radius:30px;text-align:center;line-height:42px;background: url(../images/jiantou.png) 105px center #ccc no-repeat;margin: 33px auto 0;} .wwinnoleft-div a img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;} .wwinnoright{flex:3;} .wwinnoright-h{height:50%;display:flex;} .wwinnoright-h .wwinnoright-div{flex:1;margin-right:20px;margin-bottom:20px;background:#222;box-shadow: 0px 0px 10px #000;} .wwinnoright-h .wwinnoright-div:last-child{margin-right:0;} .wwinnoright-h .wwinnoright-div a{display:block;width:100%;height:100%;position:relative;} .wwinnoright-h .wwinnoright-div a h3{font-size:30px;color:#fff;font-weight:bold;padding-bottom: 10px;} .wwinnoright-h .wwinnoright-div a p{font-size:14px;color:#999;} .wwinnoright-h .wwinnoright-div a b{display:block;width:144px;height:42px;border-radius:30px;text-align:center;line-height:42px;background: url(../images/jiantou.png) 105px center #ccc no-repeat;margin-top: 33px;} .wwinnoright-h .wwinnoright-div .wwinnoright-txt{float:left;width:45%;padding-left: 35px;padding-top: 90px;} .wwinnoright-h .wwinnoright-div img{float:right;width:55%;} @media only screen and (max-width: 1399px){ .wwinnoleft-div a h3{margin-top:45px;} .wwinnoright-h .wwinnoright-div .wwinnoright-txt{padding-top: 45px;} } @media only screen and (max-width: 1199px){ .wwinnoleft-div a{padding:0 20px;} .wwinnoright-h .wwinnoright-div .wwinnoright-txt{padding-left:20px;padding-top:15px;} .wwinnoleft-div a h3, .wwinnoright-h .wwinnoright-div a h3{font-size: 26px;} .wwinnoleft-div a b, .wwinnoright-h .wwinnoright-div a b{width: 110px;height: 35px;line-height: 35px;background: url(../images/jiantou.png) 84px center #ccc no-repeat;} } .services-txt a{font-size:16px;color:#333;line-height:25px;text-align:center;padding:0 5px;display:block;} /**/ .product1{padding: 35px 0;text-align: center;position:relative} .product1::after{content: "";position:absolute;width:16px;height:18px;background:url(../images/luosi.png) no-repeat;left:50%;top:55px;margin-left: 75px;} .product1 h2{color:#333;font-size:36px;text-align: center;line-height: 50px;} .product1 p{color:#666666;font-size:16px;text-align: center;} .product1 dl{background: #fff;border-radius:30px;text-align: center;margin-top: 20px;padding:5px;display: inline-block;} .product1 dd{display: inline-block;} .product1 dd a{padding: 0 30px;color:#666;border-radius: 30px;line-height: 40px;display: inline-block;} .product1 .cur a{color: #fff;background:#00205b;} .productpro li{} .productpro p{background:#545454;height: 56px;line-height: 56px;text-align: center;font-size: 16px;color: #fff} /*.productpro li:hover p { background: # }*/ @media only screen and (max-width: 767px){ .productpro{overflow:hidden;} .productpro .owl-nav{display: none!important;} } .services-main .item img{background:#222;width:100%;display:block} /* 我们的服务Service */ #service{} .service-box{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;} .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;} .service-txt>div{width:26px;height:26px;margin:15px auto 0;background:url(../images/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:#00205b;} 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(../images/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;} } /*优势*/ .adv-img {} /*.adv{background: url(../images/adv_top.png) top no-repeat;} .adv .adv_t {text-align: center; } .adv .adv_t span{ color: #444; background: url(../images/plan_p_bg.png) no-repeat left; padding-left: 18px; } .adv .adv_t h2{ line-height: 40px; font-size: 36px; color: #444; padding-top: 5px; letter-spacing: 3px; font-weight: bold;} .adv .adv_t h2 em{ font-weight: bold; color: #0061ae;} */ /**/ .adv_li_1{padding:50px 0;} .adv_li_1 .adv_li_img{float: right;} .adv_li_1 .adv_li_txt{position:relative;padding-left: 25px;} .adv_li_1 .adv_li_txt::after{position:absolute;content:"";width:7px;height:360px;background:url(../images/youshitou.png) no-repeat;left:0;top:0px} .adv_li_1 .adv_li_txt::before{position:absolute;content:"";width:469px;height:6px;background:url(../images/hengtou.png) no-repeat;bottom: -108px;right:85px;} .adv_li_txt .adv_li_txt_t {background: url(../images/adv_li_txt_t1.png) no-repeat left; padding-left: 120px;margin-bottom: 20px;height: 136px; padding-top: 15px;} .adv_li_txt .adv_li_txt_t::after{} .adv_li_txt .adv_li_txt_t::before{} .adv_li_txt .adv_li_txt_t h3{font-size: 40px;color:#00205b;} .adv_li_txt .adv_li_txt_t p{color: #999;font-size: 16px;} .adv_li_txt .adv_li_txt_t b{border-bottom: 4px solid #00205b;width: 40px;height: 4px; display: block; padding-top: 10px;} .adv_li_txt .adv_li_txt_p{} .adv_li_txt .adv_li_txt_p p{font-size: 16px;color: #666;line-height: 32px;margin-left:45px;position: relative;} .adv_li_txt .adv_li_txt_p p::before{content:'◆'; position: absolute; left: -15px; top: 0px; color: #444444;} .adv_li_2 {overflow: hidden;padding-bottom:50px;position:relative} .adv_li_2 .adv_li_txt2::after{position:absolute;content:"";width:7px;height:360px;background:url(../images/youshitou.png) no-repeat;right: -50px;top:0px;} .adv_li_2 .adv_li_txt2::before{position:absolute;content:"";width:469px;height:6px;background:url(../images/hengtou.png) no-repeat;bottom: -60px;right: 0px;} .adv_li_2 .adv_li_img2{padding: 0;} .adv_li_txt2{padding-top: 55px; margin-left: 40px;} .adv_li_txt2 .adv_li_txt_t2 {background: url(../images/adv_li_txt_t2.png) no-repeat left;padding-left: 125px;margin-bottom: 20px;height: 136px;padding-top: 20px;} .adv_li_txt2 .adv_li_txt_t2::after{} .adv_li_txt2 .adv_li_txt_t2::before{} .adv_li_txt2 .adv_li_txt_t2 h3{font-size: 40px;color:#00205b;} .adv_li_txt2 .adv_li_txt_t2 p{color: #999;font-size: 16px;} .adv_li_txt2 .adv_li_txt_t2 b{border-bottom: 4px solid #00205b;width: 40px;height: 4px; display: block; padding-top: 10px;} .adv_li_txt2 .adv_li_txt_p2{} .adv_li_txt2 .adv_li_txt_p2 p{font-size: 16px;color: #666;line-height: 32px;margin-left:45px;position: relative;} .adv_li_txt2 .adv_li_txt_p2 p::before{content:'◆'; position: absolute; left: -15px;color: #444444;} .adv_li_3 { margin-bottom: 30px; } .adv_li_3 .adv_li_img3 {float: right;} .adv_li_txt3{padding-top:35px;position:relative} .adv_li_txt3::after{position:absolute;content:"";width:7px;height:360px;background:url(../images/youshitou.png) no-repeat;left:0;top:0px} .adv_li_txt3::before{position:absolute;content:"";width:469px;height:6px;background:url(../images/hengtou.png) no-repeat;bottom: -50px;right:85px;} .adv_li_txt3 .adv_li_txt_t3 {background: url(../images/adv_li_txt_t3.png) no-repeat left; padding-left: 120px;margin-bottom: 20px;height: 136px; padding-top: 15px;} .adv_li_txt3 .adv_li_txt_t3::after{} .adv_li_txt3 .adv_li_txt_t3::before{} .adv_li_txt3 .adv_li_txt_t3 h3{font-size: 40px;color:#00205b;} .adv_li_txt3 .adv_li_txt_t3 p{color: #999;font-size: 16px;} .adv_li_txt3 .adv_li_txt_t3 b{border-bottom: 4px solid #00205b;width: 40px;height: 4px; display: block; padding-top: 10px;} .adv_li_txt3 .adv_li_txt_p3{} .adv_li_txt3 .adv_li_txt_p3 p{font-size: 16px;color: #666;line-height: 32px;margin-left:45px;position: relative;} .adv_li_txt3 .adv_li_txt_p3 p::before{content:'◆'; position: absolute; left: -15px;color: #444444;} .adv_li_4 {} .adv_li_txt4{position:relative} .adv_li_txt4::after{position:absolute;content:"";width:7px;height:360px;background:url(../images/youshitou.png) no-repeat;right: 0;top:0px;} .adv_li_txt4::before{position:absolute;content:"";width:469px;height:6px;background:url(../images/hengtou.png) no-repeat;bottom: -150px;right: 0px;} .adv_li_txt4 .adv_li_txt_t4 {background: url(../images/adv_li_txt_t4.png) no-repeat left; padding-left: 120px;margin-bottom: 20px;height: 136px; padding-top: 15px;} .adv_li_txt4 .adv_li_txt_t4::after{} .adv_li_txt4 .adv_li_txt_t4::before{} .adv_li_txt4 .adv_li_txt_t4 h3{font-size: 40px;color:#00205b;} .adv_li_txt4 .adv_li_txt_t4 p{color: #999;font-size: 16px;} .adv_li_txt4 .adv_li_txt_t4 b{border-bottom: 4px solid #00205b;width: 40px;height: 4px; display: block; padding-top: 10px;} .adv_li_txt4 .adv_li_txt_p4{} .adv_li_txt4 .adv_li_txt_p4 p{font-size: 16px;color: #666;line-height: 32px;margin-left:45px;position: relative;} .adv_li_txt4 .adv_li_txt_p4 p::before{content:'◆'; position: absolute; left: -15px;color: #444444;} .youshi5{background:#f8f8f8;padding-bottom: 50px;margin-top: 50px;} .youshi56 {padding-top: 80px;} .youshi5 .youshi5-5{background: url(../images/adv_li_txt_t5.png) no-repeat left; padding-left: 120px;margin-bottom: 20px;height: 136px; padding-top: 15px;} .youshi5-5 p{color: #999;font-size: 16px;} .youshi5-5 b{border-bottom: 4px solid #00205b;width: 40px;height: 4px; display: block; padding-top: 10px;} .youshi5-5-p{} .youshi5-5-p p{font-size: 16px;color: #666;line-height: 32px;margin-left:45px;position: relative;} .youshi5-5-p p::before{ content:'◆'; position: absolute; left: -15px;color: #444444; } .youshi5 .youshi5img img{padding-top: 20px;float: right;} @media ( max-width: 1199px) { .adv_li_txt2 { padding-top: 0px; } } @media(max-width:991px){ .adv_li_1{padding:30px 0;} .adv_li_img{margin-bottom:30px;} .adv_li_1 .adv_li_txt::after{display:none;} .adv_li_2{padding-bottom:30px;} .adv_li_2 .adv_li_img2{padding-bottom:30px;} .adv_li_img3{margin-bottom:30px;} .adv_li_txt3{margin-bottom:30px;} .adv_li_img4{margin-bottom:30px;} .adv_li_txt4{margin-bottom:30px;} .youshi56{padding-top:30px;} .youshi5 .youshi5img img{padding-top:30px;} .adv_li_txt3::after{display:none} .adv_li_txt3::before{display:none} .adv_li_txt4::after{display:none} .adv_li_txt4::before{display:none} .adv_li_txt2 { margin-left: 0px; } } @media ( max-width: 767px ) { } /* 检测服务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(../images/service-ico1.png) no-repeat;} .servicelist-ico2{background:url(../images/service-ico2.png) no-repeat;} .servicelist-ico3{background:url(../images/service-ico3.png) no-repeat;} .servicelist-ico4{background:url(../images/service-ico4.png) no-repeat;} .servicelist-ico5{background:url(../images/service-ico5.png) no-repeat;} .servicelist-ico6{background:url(../images/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(../images/service-ico1x.png) no-repeat;} .servicelist-more a.on .servicelist-ico2, .servicelist-more a:hover .servicelist-ico2{background:url(../images/service-ico2x.png) no-repeat;} .servicelist-more a.on .servicelist-ico3, .servicelist-more a:hover .servicelist-ico3{background:url(../images/service-ico3x.png) no-repeat;} .servicelist-more a.on .servicelist-ico4, .servicelist-more a:hover .servicelist-ico4{background:url(../images/service-ico4x.png) no-repeat;} .servicelist-more a.on .servicelist-ico5, .servicelist-more a:hover .servicelist-ico5{background:url(../images/service-ico5x.png) no-repeat;} .servicelist-more a.on .servicelist-ico6, .servicelist-more a:hover .servicelist-ico6{background:url(../images/service-ico6x.png) no-repeat;} .servicelist-more a.on p, .servicelist-more a:hover p{color:#00205b;} .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(../images/servicelist-prev.png) no-repeat;bottom:58px;} .servicelist-box .servicelist-one .swiper-next{background:url(../images/servicelist-next.png) no-repeat;bottom:0;} .servicelist-box .servicelist-one .swiper-prev:hover{background:url(../images/servicelist-prevx.png) no-repeat;} .servicelist-box .servicelist-one .swiper-next:hover{background:url(../images/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: 24px;text-align: center;height: 32px;line-height: 32px;color: #00205b;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: 650px){ .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 70px;background:url(../images/ysbg.jpg) no-repeat bottom center;} .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 */ #about1{/* padding-bottom:70px; */background:url(../images/about-bj.jpg) no-repeat;background-attachment: fixed;background-size: cover;position:relative;} #about1::after{content:"";width:100%;height:30px;position:absolute;background:url(../images/ahh.png) no-repeat center; top:0px;} .about-box{margin-top: 27px;display:flex;flex-direction: row-reverse;background: #fff;/* box-shadow: 10px 10px 5px #dedede; */box-shadow: 0px 12px 8px -12px #000;/* border-radius:10px; */position: relative;top: 35px;padding-bottom:40px;} .about-img{flex:1;padding: 36px 0px 0 80px;} .about-img dt { overflow: hidden; position: relative;} .about-img dt:after { position: absolute; content: ''; width: 55px; height: 55px; display: block; background: url(../images/sy_caseico.png)no-repeat center; top: 50%; left: 50%; margin-top: -27px; margin-left: -27px; opacity: 0.8; transition: all 0.3s; } .about-img dt:hover:after { opacity: 1; margin-top: -18px; } .about-img img{max-width:100%;} .about-con{flex:1;/* background:#f3f3f3; */position:relative;} .about-txt{padding: 70px 0px 0 40px;} .about-txt h3{color: #00205b;font-weight: bold;font-size: 30px;position: relative;line-height: 33px;border-left:6px solid #00205b;height:64px;padding-left: 30px;} .about-txt h3 p{color:#333;font-size:20px;font-weight:normal} .about-txt h3 a{float:right;width:28px;height:28px;background:url(../images/about-a.png) no-repeat;margin-top:8px;} .about-txt .moren{width: 144px;height: 42px;border-radius: 30px;line-height: 42px;color: #fff;background:url(../images/jiantou1.png) 95px center #252525 no-repeat;margin-top: 10px; margin-left: 30px;} .about-txt .moren:hover { background:url(../images/jiantou1.png) 95px center #00205b no-repeat; } .about-txt .moren a{color:#fff;padding-left:30px;} .about-txt .about-p{font-size:14px;color:#666;line-height:30px;margin-top:20px;padding-left: 38px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .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,#5ca721,#005c35);} .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:80px;position: relative;} .countup-txt h2{text-align: center;box-sizing: border-box;font-size: 16px; color: #ffffff;display: block;white-space: nowrap;-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; background: #00205b;letter-spacing: 2px; padding: 4px 3px; position: absolute;left:23%;transform: translateX(-50%);font-weight: normal;top:15px;} .countup-txt h4{font-size:16px;color:#fff;} .countup-txt h4 span{font-size:64px;font-weight:bold;color:#fff;margin-right:3px;} .countup-txt h4 em{position:relative;top:-10px;} .countup-txt h4 em::after{content: '+';position: absolute;left:0;top:-18px;font-size:16px;font-weight:bold;color:#fff;} .countup-txt p{font-size:16px;color:#fff;} @media(max-width:767px){ #about1::after{display:none} } /*公司相册*/ #agbt{margin-top:50px;} .product123{padding: 10px 0;text-align: center;} .product123 h2{color:#333;font-size:36px;text-align: center;line-height: 50px;} .product123 p{color:#666666;font-size:16px;text-align: center;} .product123 dl{background: #f5f5f5;border-radius:30px;text-align: center;margin-top: 20px;padding:5px;display: inline-block;} .product123 dd{display: inline-block;} .product123 dd a{padding: 0 50px;color:#666;border-radius: 30px;line-height: 40px;display: inline-block;} .product123 .cur a{color: #fff;background:#00205b;} @media only screen and (max-width: 767px){ .product123 dl{display:flex;} .product123 dl dd{flex:1;} .product123 dl dd a{padding:0;display:block;} } .productpro123 li {} .productpro123 li img{border:3px solid #d5d5d5} .productpro123 li:hover img{border:3px solid #00205b} .productpro123 li a:hover p{background:#00205b;color:#fff;height:42px;line-height:42px;width:174px;margin:auto;position:relative;top:-25px;} .productpro123 p{/* background:#545454; */height:42px;line-height: 42px;text-align: center;font-size: 16px;color: #252525;text-align:center} @media only screen and (max-width: 1599px){ .about-txt{padding: 25px 0px 0 40px;} } @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 .about-p{line-height: 28px;margin-top: 10px;} .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: 25px 30px 0 30px;} .about-txt h3{font-size: 25px;line-height: 30px;} .about-txt h3 a{margin-top:0px;} .about-txt .about-p{line-height: 25px;} .about-tag ul li a .about-atxt{padding: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; height: auto;} .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;overflow:hidden;margin-top:0;} .about-img, .about-con{flex:auto;padding:20px 20px 0;} .about-img img{} .about-txt{padding:20px;} .about-txt h3{height:auto;} .about-tag ul li a .about-atxt{padding:15px;} .about-txt .about-p{margin-top: 5px;line-height: 25px;font-size:14px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #countup{margin-top: 20px;} #countup>div[class^="col-"]{margin-bottom:20px;} } @media only screen and (max-width: 767px){ #about{padding-bottom:10px;} .productpro123{overflow: hidden;} .about-txt{padding:0} } @media only screen and (max-width: 450px){ .countup-txt h2{top:0;} .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{padding: 40px 0 80px;background-color: #f3f3f3;} .news-box{margin-top:30px;} .news-l{background:#f8f8f8;padding:30px 50px;} .news-c{background:#fcfcfc;padding:30px;} .news-r{background:#f8f8f8;padding:30px;} .news-tag{overflow:hidden;} .news-tag ul{float:left;} .news-tag ul li{float:left;font-size:16px;color:#666;line-height:36px;margin-right:55px;position:relative;overflow:hidden;cursor:pointer;} .news-tag ul li::after{content: '';position: absolute;left: 0;bottom: 0;width: 0;height: 4px;background: #00205b;} .news-tag ul li:last-child{margin-right:0;} .news-tag ul li.on{font-weight:bold;color:#353535;} .news-tag ul li.on::after{width:100%;} .news-tag>a{float:right;font-size:16px;color:#666;line-height:36px;display:block;} .news-tag>a:hover{color:#00205b;} .news-lbox{margin-top:32px;} .news-lbox .news-lone{display:none;} .news-lbox .news-lone:first-child{display:block;} .news-ltopimg{padding-left:0;} .news-ltopimg>a{display:block} .news-ltoptxt{margin-top:20px;} .news-ltoptxt h3 a{font-size:20px;font-weight:bold;color:#353535;line-height:32px;} .news-ltoptxt h3 a:hover{color:#00205b;} .news-ltoptxt p{margin-top:20px;font-size:18px;color:#ccc;font-weight:bold;} .news-ltoptxt>a{margin-top:32px;display:block;width:150px;height:40px;line-height:40px;color:#fff;text-align:center;border-radius:20px;background:#00205b;} .news-ltoptxt>a:hover{background:#005c35;} .news-lul{margin-top:20px;} .news-lul li{line-height:36px;overflow:hidden;} .news-lul li a{float:left;width:calc(100% - 90px);text-overflow:ellipsis;overflow:hidden;white-space: nowrap;} .news-lul li span{color:#999;font-size:14px;float:right;} .news-c>ul{margin-top:32px;} .news-c>ul li{margin-bottom:50px;} .news-c>ul li:last-child{margin-bottom:0} .news-c>ul li a{display:block;} .news-c>ul li a.news-ca{color:#444;margin-top:10px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px;overflow:hidden;} .news-c>ul li p{color:#999;margin-top:12px;} .news-c>ul li .news-ca:hover{color:#00205b;} .news-r>ul{margin-top:32px;} .news-r>ul li{margin-bottom:40px;} .news-r>ul li:last-child{margin-bottom:0} .news-r>ul li a{color:#444;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px;overflow:hidden;} .news-r>ul li a:hover{color:#00205b;} .news-r>ul li p{margin-top:11px;color:#999;} @media (max-width: 1599px) { .news-c>ul li{margin-bottom: 52px;} .news-r>ul li{margin-bottom: 34px;} } @media (max-width: 1499px) { .news-ltoptxt{margin-top: 15px;} .news-c>ul li{margin-bottom: 54.5px;} .news-r>ul li{margin-bottom: 27.5px;} } @media (max-width: 1399px) { .news-ltoptxt{margin-top: 10px;} .news-ltoptxt p{margin-top: 15px;} .news-ltoptxt>a{margin-top: 20px;} .news-c>ul li{margin-bottom: 51px;} .news-r>ul li{margin-bottom: 21.3px;} } @media (max-width: 1299px) { .news-ltoptxt h3 a{font-size: 18px;line-height: 25px;} .news-ltoptxt p{margin-top: 10px;} .news-ltoptxt>a{margin-top: 15px;} .news-c>ul li{margin-bottom: 59px;} .news-c>ul li a.news-ca{margin-top:0;} .news-c>ul li p{margin-top:5px;} .news-r>ul li{margin-bottom: 15px;} } @media (max-width: 1199px) { .news-l, .news-c, .news-r{padding:20px;} .news-ltoptxt h3 a{font-size: 16px;line-height: 20px;} .news-ltoptxt p{font-size:14px;} .news-ltoptxt>a{margin-top:10px;width:130px;height:34px;line-height:34px;} .news-c>ul li{margin-bottom: 65.5px;} .news-c>ul li a.news-ca{line-height:18px;height:36px;} .news-c>ul li p{font-size:12px;} .news-r>ul li p{margin-top:5px;font-size:12px;} .news-r>ul li{margin-bottom: 22px;} } @media (max-width: 991px) { .news-r{background:#fcfcfc;} .news-r>ul li{margin-bottom: 61px;} } @media (max-width: 767px) { #news{padding:30px 0;} .news-lbox, .news-c>ul, .news-r>ul{margin-top:20px;} .news-ltopimg{padding:0;} .news-ltoptxt{padding:0;} .news-l, .news-c, .news-r{padding:10px;} .news-tag ul li{margin-right:30px;} .news-c>ul li, .news-r>ul li{margin-bottom:20px;} } .imgwhite{ position: relative;overflow: hidden;} .imgwhite::after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-10deg);transition: auto;-webkit-transition: auto;} .imgwhite:hover::after{left: 100%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition:1s;}*/ /*newss*/ #ntiow{margin-top:50px;background:#f5f5f5;} .newss{padding: 68px 0px;} .newss .ne-top{} .newss-le .news-topp{position:relative} .newss-le .news-topp::before{content: "";position:absolute;width:16px;height:18px;background:url(../images/luosi.png) no-repeat;left:150px;top:20px;} .newss-le .news-topp .news-toppd{position:relative;overflow:hidden;} .newss-le .news-topp h4{font-size: 36px;color:#444444;padding-bottom:30px;/* padding-top:30px; */} .newss-le .news-topp a.news-toppda h3{font-size: 18px;color: #252525;line-height: 35px;padding-top: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .newss-le .news-topp a.news-toppda h3:hover{color:#00205b} .newss-le .news-topp .news-toppd p{font-size: 14px;color: #666;line-height: 20px;} .newss-le .news-topp .news-toppd span {color: #999;font-size: 14px;position:relative;line-height:42px;} .newss-le .news-topp a.news-toppdmore{position:absolute;right: 0px;background:url(../images/jiantou1.png) 100px center no-repeat #252525;width: 144px;height: 42px;border-radius: 30px;padding-left:35px;line-height: 42px;font-style: normal;color:#fff} .newss-re .news-tbg{} .newss-re .news-tbg ul{border-bottom: 2px solid #ccc;padding-bottom: 30px;padding-top: 10px;text-align:right;} .newss-re .news-tbg .on a{height: 41px;background: #00205b;border-radius:30px;color:#fff} .newss-re .news-tbg li{display: inline-block;/* float: right; */} .newss-re .news-tbg li a{color: #444444;text-align:center;margin:auto;display:block;line-height:41px;padding: 0 40px;} .newss-re .news-lbe{} .newss-re .news-lbe li {border-bottom: 1px dashed #ccc;height:130px;padding-top:25px} .newss-re .news-lbe li a{display:block;overflow:hidden;} .newss-re .news-lbe li span{color:#fff;background: url(../images/bianxing.png) no-repeat;width:70px;height:81px;display:block;text-align:center;font-size:30px;font-weight:bold;float: left;padding-top: 7px;} .newss-re .news-lbe li a:hover span{background: url(../images/bianxing1.png) no-repeat;} .newss-re .news-lbe li span i{font-style:normal;display:block;text-align:center;font-size:12px;} .newss-re .news-lbe li h3{font-size:18px;color: #252525;float:right;padding-left:25px;padding-top:20px;width:calc(100% - 70px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .newss-re .news-lbe li h3 a{line-height:30px;} .newss-re .news-lbe li a:hover h3{color:#00205b} .newss-re .news-lbe li h3 p{color: #666666;font-size: 14px;line-height: 28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} @media (max-width: 767px) { .newss-re .news-tbg ul{display:flex;} .newss-re .news-tbg ul li{flex:1;} .newss-re .news-tbg ul li a{padding:0;} } /*定制中心*/ .dz_tit{height: 40px;line-height: 40px;font-size: 16px;} .dz_tit .dz_tit01{text-align: center; background: #00205b;color: #fff;} .dz_tit .dz_tit02{background: #e6e6e6;color: #666;text-indent: 2em;} .dingzhi{margin-top: 30px;} .dz_one{margin: 20px 0 30px;background: url(../images/dz_jt02.png) left bottom no-repeat;} .dz_one123{margin-left: 50px;} .dz_one123 li{color: #00205b;font-size: 16px;height: 30px;line-height: 30px;} .dz_one123 p{background:url(../images/dz_yuan.png) left no-repeat;padding-left:12px; height:30px;line-height:30px;} .dz_one124 {margin-top: 50px;} .dz_one124 li{float: left;width: 90px;text-align: center;margin-left: 80px;} .dz_one124 li:first-child{margin-left: 0;} .dz_one124 li img{display: block;width: 71px; height: 61px; margin: 0 auto;} .dz_one124 li .ziti{color: #666; height: 30px;line-height: 30px;} .dz_two,.dz_three{background: url(../images/dz_jt01.png) left no-repeat;padding-left: 50px;height: 69px;line-height: 50px;margin: 15px 0 20px;font-size: 16px;color: #00205b;} .dz_four{ background: url(../images/dz_jt02.png) left no-repeat; padding-left: 50px;margin: 15px 0 20px;padding-top: 10px; overflow: hidden;} .dz_four p{ font-size: 16px; color: #00205b;} .dz_four ul{ margin-top: 15px;} .dz_four ul li{ margin-left: 25px;float: left;width: 210px;} .dz_four ul li:first-child{ margin-left: 0;} .dz_four ul li img{ display: block;width: 210px; height: 155px;} .dz_yuan{border: 1px solid #999;text-align: center;color: #666;height: 50px;line-height: 50px; margin-top: 20px;} .dz_yuan span{color: #00205b;} @media(max-width: 767px) { .dz_one { background: url(../images/dz_jt02.png) left top no-repeat; } .dz_one124 li { margin-left: 0px; float: none; display: inline-block; } .dz_one124 { margin: 0 auto; display: block; float: none; margin-top: 50px; width: 100%; text-align: center; } .dz_four ul li { float: none;margin-left: 0px; } .dz_four { background: url(../images/dz_jt02.png) left top no-repeat; } } /* footer */ footer{background:#343434;padding-top: 49px;} .footer-top{padding-bottom:0px;background: #343434;overflow: hidden;} .footer-nav{display:flex;} .footer-a{flex:1;padding:0 0px;} .footer-a h3{} .footer-a h3 a{font-size:15px;color:#999;} .footer-a h3 a:hover{color: #fff} .footer-a p{margin-bottom:10px;} .footer-a p a{font-size:14px;color:#999;} .footer-a a:hover{color:#00205b;} .footer-con{} .footer-con h2{font-size:30px;color:#fff;line-height:40px;} .footer-con h3{font-size:18px;color:#fff;letter-spacing:6px;line-height:22px;} .footer-con ul li{font-size:14px;color:#fff;line-height:25px;padding-left:20px;} .footer-con ul li:nth-child(-n+2){background:url(../images/footer-ico1.png) no-repeat left top 6px;} .footer-con ul li:nth-child(3){background:url(../images/footer-ico2.png) no-repeat left top 6px;} .footer-con ul li:nth-child(4){background:url(../images/footer-ico3.png) no-repeat left top 9px;} .footer-con ul li:nth-child(5){background:url(../images/footer-ico4.png) no-repeat left top 8px;} .footer-ewm{margin-top:50px;text-align:center;/* display:flex; */display: inline-block;float: right;} .footer-wx{/* flex:1; */display: inline-block;text-align: center;padding: 15px 22px;} .footer-wx img{width:112px;height:112px;} .footer-wx p{font-size:14px;color:#999;line-height:25px;} .lxwm{margin-bottom: 43px;} .lxwm .rex{font-size: 16px;} .lxwm p{font-size: 14px;color: #fff;} .lxwm .dianhua{font-size: 30px;font-weight:bold;} .banquan{color: #aaaaaa;font-size: 12px;padding:20px 0;} .banquan a{color:#aaaaaa;font-size: 12px;} .banquan a:hover { color: #fff; text-decoration: underline; } .footer-link{padding:20px 15px;background:#222222;} .footer-link span{color:#aaa;font-weight: bold;font-size: 12px;} .footer-link a{color: #abacaf;margin-right: 5px;} .footer-link a:hover{color:#fff;} .footer-copy{border-top:1px solid #444;padding:25px 0;} .footer-cl{float:left;color:#999;font-size:14px;padding:0 15px;} .footer-cl a{color:#999;} .footer-cl a:hover{color:#00205b;} .footer-cr{float:right;color:#999;} .footer-cr a{color:#999;padding:0 15px;} .footer-cr a:hover{color:#00205b;} @media (max-width: 1399px) { .footer-a{padding:0 20px;} .footer-con h3{letter-spacing: 5px;} } @media (max-width: 1299px) { .footer-a{padding:0 15px;} .footer-con h2{font-size:26px;} .footer-con h3{letter-spacing: 3px;} } @media (max-width: 1199px) { .footer-a{padding:0 8px;} .footer-con h2{font-size:22px;} .footer-con h3{letter-spacing: 0px;} } @media (max-width: 991px) { .footer-ewm{margin-top: 0;text-align:center;/* display:flex; */display: inline-block;float: none;} .footer-nav{margin-bottom:20px;} .footer-copy{padding:10px 0;} .footer-cl{margin-bottom:10px;} } @media (max-width: 767px) { footer{padding-top:20px;} .footer-nav{display:none;} .footer-link{padding:10px 0;} .footer-cl{padding:0;} } @media (max-width: 400px) { .footer-cr{text-align: center;width: 100%;} .footer-cr a{padding:0 5px;} } @media (max-width: 336px) { .footer-wx{/* flex:1; */display: inline-block;text-align: center;padding: 15px 10px;} } #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: #00205b;} #roll_top {width: 40px;height: 40px;display: block;background: url(../images/gotop.png) no-repeat;transition: all .2s ease-in-out 0s;} #roll_top:hover {background: url(../images/gotop.png) no-repeat;} .footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #00205b;text-align: center;} .footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;} .footer-bottom a i{font-size: 26px;display: block;} /* 内页样式 */ #ZoomBox{background: #fff;} .nybg{background: #F5F5F5;} .bsbg{background: #FFFFFF;} .crumbs{padding-left:20px;background: url(../images/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: #00205b;} #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: #00205b;border-bottom: 3px solid #00205b;} @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: 14px;line-height: 26px;color: #797979;} @media (max-width: 767px) { .nytilcon{margin-top:0px;} .nytilcon>div{margin-top:20px;padding:0 10px} } #nyshowlist{padding:50px 0;background:url(../images/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 table { margin: 0 auto; text-align: center; } .nyshowdesc-ml table tr { border: 1px solid #999; } .nyshowdesc-ml table tr td { border: 1px solid #999; } .nyshowdesc-ml img{max-width:100%;margin-bottom:10px;} @media (max-width: 767px) { .nyshowdesc-ml{font-size: 14px;line-height: 1.6;padding-bottom:30px;} } #nyshowdesc-bg{background:url(../images/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;} .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: #4cad32;z-index: 2;} .nyshowdesc-conl table tr td{padding:5px;} .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 #00205b;padding-left:14px;line-height:30px;position:relative;color: #005b33;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;} #nyshowdesc-hot ul li .service-txt p{height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} @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-top:70px; background: url(../images/nyjobshowbg1.jpg) right top no-repeat;} .nyjobshowcon1{display:flex;background:#f9fff5;} .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: #00205b;} .nyjobshowcon1-r p{padding-top: 30px;color: #c6eabc;line-height: 48px;font-size: 48px;text-transform: uppercase;font-family: Arial;font-weight:bold;} /*产品模块*/ .nyprolist{padding: 30px 0;} .nypro{padding:15px;} .nypro-img{border:1px solid #e6e6e6;overflow: hidden;} .nypro-img img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nypro-ul li{margin-bottom: 15px} .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:#00205b;} .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: #00205b;color:#fff;} @media (max-width: 991px) { .nyprolist{padding: 2px 0 15px;} } @media (max-width: 500px) { .nypro{padding:10px;} } .pro-ico{display: flex;margin: 15px 0;} .pro-ico a{flex: 1;padding: 0 10px;} .pro-icoimg{width: 60%;margin: 0 auto;background: #ccc;border-radius: 50%;padding: 20px;} .pro-ico p{text-align: center;margin-top: 5px;} .pro-mlist{background: #fff;overflow: hidden;} .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: #00205b;} .pro-mlist li{padding: 10px;border-bottom: 1px dashed #eee;} .pro-m-img{padding: 0;border: 1px solid #ddd;} .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(../images/pro-mico1.png) no-repeat center;background-size: 20px;} .pro-m-al a.pro-mico2{background: url(../images/pro-mico2.png) no-repeat center;background-size: 20px;border-left: none;} @media (max-width: 800px) { .pro-icoimg{padding: 15px;} } @media (max-width: 700px) { .pro-icoimg{width: 80%;} } @media (max-width: 600px) { .pro-icoimg{width: 80%;} .pro-ico p{font-size: 12px;} } @media (max-width: 500px) { .pro-ico{margin: 10px 0;} .pro-ico a{padding: 0 5px;} .pro-icoimg{width: 100%;} } .nyjc{} .nyjc-til{padding:10px;border-radius: 10px 10px 0 0;color:#fff;background: #00205b} .nyjc-til p{font-size: 24px;padding-left:40px;background:url(../images/fen-bt.png) no-repeat left;} .nyjc-til i{display: block;height: 1px;width: 90px;background: #fff;margin:10px 0;} .nyrepro-til{padding:10px;border-bottom:1px solid #e5e5e5;} .nyrepro-til p{font-size:24px;line-height:30px;padding-left:40px;background:url(../images/fen-re.png) no-repeat left;} .nyrepro ul{background: #fff;} .nyrepro ul li{padding: 10px 0;border-bottom: 1px dashed #ccc;} .nyrepro ul li p{margin-top: 10px;} .nyrepro ul li span{display: block;margin-top: 10px;} .nyrepro ul li span i{display: inline-block;margin-left: 5px;} #sidebar1{padding:5px 10px;background: #fff;} #sidebar1 li{margin-top: 10px;} #sidebar1 li:first-child{margin-top: 0px;} #sidebar1 li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: center;color: #666;background: #eee;} #sidebar1 li.cur a, #sidebar1 li:hover a{background: #00205b;color: #fff;} #sidebar1 dt{margin-top: 10px;font-weight: normal;font-size: 16px;line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align: left;color: #666;border-bottom:1px dashed #e5e5e5; cursor: pointer;} #sidebar1 dt:first-child{margin-top: 0px;} #sidebar1 dt>a{color: #666;display: block;font-size: 16px;} #sidebar1 dt.cur, #sidebar1 dt:hover{} #sidebar1 dt.cur a,#sidebar1 dt:hover a{color:#00205b;font-weight:bold;} #sidebar1 dd{display: none;} #sidebar1 dd a{display: block;line-height: 35px;border-bottom: 1px dashed #ddd;background: url(../images/iyuan.png) 5px center no-repeat;padding-left: 25px;margin-bottom: 5px;position: relative;color: #333;} #sidebar1 dd a.cur, #sidebar1 dd a:hover{background: url(../images/iyuan_on.png) 5px center no-repeat;color:#00205b;} /* 图片模块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: #00205b;color: #fff;} @media (max-width: 767px) { #nyimglist{padding-bottom:30px;} } /* 文章模块 */ #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%;} .nynews-img a:hover{border: 1px solid #00205b;} .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: #00205b;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;} } #nynav{padding: 10px 0;border-bottom: 1px solid #ddd;} .nyjc-crcrumbs{border-bottom: 1px solid #ddd;background: url(../images/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: #00205b;} .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: #00205b} .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:#00205b;} .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: #00205b;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(../images/nypro-ico1.png) no-repeat center;} #sidebar1 li:nth-child(2) a i{background: url(../images/nypro-ico2.png) no-repeat center;} #sidebar1 li:nth-child(3) a i{background: url(../images/nypro-ico3.png) no-repeat center;} #sidebar1 li:nth-child(4) a i{background: url(../images/nypro-ico4.png) no-repeat center;} #sidebar1 li.cur a, #sidebar1 li:hover a{background-color: #00205b;color: #fff;border-color: #0461B2;} #sidebar1 li:nth-child(1).cur a i, #sidebar1 li:nth-child(1):hover a i{background: url(../images/nypro-ico1m.png) no-repeat center;} #sidebar1 li:nth-child(2).cur a i, #sidebar1 li:nth-child(2):hover a i{background: url(../images/nypro-ico2m.png) no-repeat center;} #sidebar1 li:nth-child(3).cur a i, #sidebar1 li:nth-child(3):hover a i{background: url(../images/nypro-ico3m.png) no-repeat center;} #sidebar1 li:nth-child(4).cur a i, #sidebar1 li:nth-child(4):hover a i{background: url(../images/nypro-ico4m.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(../images/nyprocon2-bg.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(../images/nysolucon4-jt.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(../images/nysolucon4-x.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: #00205b;} .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(../images/pro-mico1.png) no-repeat center;background-size: 20px;} .pro-m-al a.pro-mico2{background: url(../images/pro-mico2.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;} .showpro-tel{padding-top: 10px;} .showpro-rem{padding-top: 10px;} .showpro-rem p{color:#00205b;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: #00205b} .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: #00205b;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%;} @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: #00205b;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: #00205b;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;} /*内页产品详情*/ .showpro-list-img{border:1px solid #eee;} .showpro-list-img img{width: 100%} .showpro-p{padding-bottom:20px;} .showpro-p h1{font-size:20px;line-height:30px;color:#222;margin-bottom:15px;font-weight:bold;text-transform: capitalize;} .showpro-p h4{color:#808080;font-size:14px;line-height:24px;} .showpro-p ul{margin-top:15px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:5px 0;} .showpro-p ul li{margin:10px 0;vertical-align:middle;text-transform:capitalize;color:#808080;} .showpro-p ul li p{display: inline-block;margin-right: 5px;color: #444;font-size: 16px;vertical-align: middle;} .showpro-rem>p{color:#600624;font-weight: bold;line-height: 25px;margin-bottom: 10px;font-size: 18px;} .showpro-rem ul{padding:10px;border:2px solid #ccc;} .showpro-rem ul li a{border:1px solid #eee;display: block;} .showpro-rem ul li:hover a{border-color: #600624} .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: #600624;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%;} @media (max-width: 767px) { .showpro-right{margin-top: 10px;} } @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;} } /* 内页解决方案Nysolu */ #nysolu{background: url(../images/nysolubg.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: #00205b;} .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: #00205b;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(../images/nysolu-prev.png) no-repeat center #0461B2;border-radius: 25px 0 0 0;} .nysolu-swiper-container .nysolu-swiper-button-next{top: 50%;background: url(../images/nysolu-next.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: #00205b;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(../images/nysolucon2-bg.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(../images/nysolucon4-jt.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(../images/nysolucon4-x.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(../images/nysolucon6-bg.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: #00205b;} #nav-wrap1 li a.active {position: relative;color: #00205b;} #nav-wrap1 li a.active::after {content: ''; position: absolute;left: 0;bottom: 0;height: 2px;width:100%;background: #00205b} .nav-mobile {display: none;font-weight: bold;width: 100%;} .click-me {width: 150px;height: 30px; background: #00205b;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 #00205b;} @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(../images/dyna_bj.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: #00205b;} .nyobj-more{margin-top: 30px;} .nyobj-more a{display: inline-block;background: #00205b;padding: 8px 20px;color: #fff;border-radius: 5px;} .nyobj-more a+a{margin-left: 20px;} #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%;} .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%;} .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;} .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} } .hotpros{padding:0 10px;margin-bottom: 20px;} .hotpros p{font-size: 16px;color: #00205b;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-objs.png) no-repeat left;} .hotpros a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(../images/iyuan.png) no-repeat left;background-size:8px;} .hotpros a:hover{background: url(../images/iyuan_on.png) no-repeat left;color: #00205b;} .hotnews{padding:0 10px;} .hotnews p{font-size: 16px;color: #00205b;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-news.png) no-repeat left;} .hotnews a{display: block;font-size: 14px;line-height: 30px;padding-left: 15px;background:url(../images/iyuan.png) no-repeat left;background-size:8px;} .hotnews a:hover{background: url(../images/iyuan_on.png) no-repeat left;color: #00205b;} #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%;} .shownews-con{line-height: 1.8;color: #222;word-wrap: break-word;font-size: 16px;font-weight: 400;padding: 10px;border-bottom: 1px solid #F0F2F5;} .shownews-con img{max-width: 100%;} .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;} } #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:#00205b;} #downloadlist .metlist dt{ border-bottom:1px solid #ddd; font-size:14px; font-weight:bold; padding:3px 5px 3px 20px; background:url(../images/dt-9.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:#00205b; 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(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } /* 标签 */ .pro_key{line-height: 35px;border-top: dashed 1px #d7d7d7;margin-top: 5px;font-size: 14px;} /* 分享按钮 */ .jiathis{padding-top:10px;height:35px;line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin-bottom:20px;} .jiathis .jiathis_txt{float: left;} /*相关推荐*/ .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: #00205b} /*全站搜索*/ #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: #00205b;} .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:#00205b; display: inline-block; } .metpager_5 a:hover { border:1px solid #00205b; color:#fff; background-color:#00205b;} .metpager_5 a:active {border:1px solid #009; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#00205b; 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(../images/page/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .nyprolist #txb { padding: 15px; overflow-x: auto; } .nyprolist h2.txb { font-size: 22px; line-height: 2; color: #333; } .nyprolist table { margin: 0 auto; text-align: center; } .nyprolist table tr { border: 1px solid #999; padding: 0; } .nyprolist table tr td { border: 1px solid #999; padding: 0; line-height: 2.4;} .nyprolist table tr td p span { text-align: center; } .nyprolist img{max-width:100%;margin-bottom:10px;} /* 在线客服 */ .diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 1000000;} .diyos ul{position:relative;list-style: none;margin: 0;padding: 0;} .diyos ul li {width: 54px;height: 54px;background: #00205b;float: left;position: relative;border-top:1px solid #333;z-index:1;} .diyos ul li:first-child{ border-top:0;} .diyos ul li:hover{ background:#00205b;} .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:#00205b;} .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: 150px;position:absolute; top:0; left:-151px; 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;} /*材料介绍*/ .ny_jumbotron { padding:30px; background: #f5f5f5; margin-bottom: 20px; } .ny_jumbotron h3 { font-size: 26px; color: #333; font-weight: bold; } .ny_jumbotron p { font-size: 16px; color: #555; line-height: 1.8; margin-top: 20px;} @media( max-width: 767px) { .ny_jumbotron { padding:10px; background: #f5f5f5; margin:5px; margin-bottom: 20px; } .ny_jumbotron h3 { margin-top: 20px; } } /*产品新闻推荐*/ .pro_hotnews{padding:10px 10px;} .pro_hotnews p{font-size: 20px;color: #00205b;line-height: 40px;border-bottom: 1px dashed #ccc; margin-bottom: 10px;padding-left: 32px;background: url(../images/ny-news.png) no-repeat left;} .pro_hotnews a{display: block;font-size: 15px;line-height: 34px;padding-left: 15px;background:url(../images/iyuan.png) no-repeat left;background-size:8px;} .pro_hotnews a:hover{background: url(../images/iyuan_on.png) no-repeat left;color: #00205b;} #productlist111 li p {line-height:40px;height:40px;font-size:15px;padding:0 5px;text-align:center;background:#e6e6e6;} #productlist111 li img { margin-bottom: 0px; } #productlist111 .owl-nav { display: none; } .foot_seo { color: #fff; font-size: 14px; } .foot_seo a{ font-size: 14px; color: #fff; } .foot_seo a:hover { text-decoration: underline; } /*内页公司简介*/ .ny_about_c_bg {width:100%;margin:0 auto;padding:0px 0px;margin-bottom:60px;overflow: hidden; } .ny_about_c_bg_c {width:100%;padding:20px;box-sizing:border-box; overflow: hidden;} .ny_about_c_bg_c_l {width:49%;float:left;box-sizing:content-box;} .ny_about_c_bg_c_ll {background:#fff;padding:48px 3% 20px 3%;line-height:31px;font-size:16px;color:#888;-webkit-box-shadow:1px 1px 20px #e3e3e3;-moz-box-shadow:1px 1px 20px #e3e3e3;box-shadow:1px 1px 20px #e3e3e3;height:auto;} .ny_about_c_bg_c_ll p {font-size:15px;color:#4c4c4c;padding-bottom:10px;} .ny_about_c_bg_c_r {width:50%;float:right;background:url(../images/about_img.jpg) no-repeat center/cover; height: 490px;} .ny_about_tit {text-align:center;font-size:30px;font-family:OPPOSans;color:#00205b;font-weight:bold;margin-bottom:20px;} @media only screen and (max-width:1199px) {.ny_about_tit {font-size:24px;margin-bottom:12px;} } @media only screen and (max-width:991px) {.ny_about_c_bg_c_r,.ny_about_c_bg_c_l {float:none;width:100%; height: 390px;} .ny_about_c_bg_c_l { height: auto; } } @media only screen and (max-width:767px) { .ny_about_c_bg_c_r,.ny_about_c_bg_c_l {float:none;width:100%; height: 310px;} .ny_about_c_bg_c_ll {height:auto;padding: 30px 4%;} .ny_about_tit {font-size:20px;margin-bottom:12px;} .ny_about_c_bg_c_ll p {font-size:14px;line-height: 26px;} .ny_about_c_bg_c {padding:15px 10px;} .ny_about_c_bg_c_l { height: auto; } } /*企业文化*/ .sec2 {background:#f5f5f5;padding:70px 0 55px 0; } .sec2 h2 {font-size:36px;color:#00205b;font-weight:bold;text-transform:uppercase;letter-spacing:1px;margin-bottom:35px;text-align:center;} .sec2 .cont {padding:0 20px; } .sec2 ul{margin: 0 -1%;} .sec2 ul li {float:left;width:31.33%;margin:0 1% 2%;background:#fff;box-sizing:border-box;height:258px !important;display:block;} .sec2 ul li.li2 {padding:33px 25px;height:220px !important;} .sec2 ul li em {display:block;height:60px;width:55px;margin:0 auto 12px; } .sec2 ul li .icon1 {background:url(../images/about_icon.jpg) no-repeat center ;} .sec2 ul li .icon2 {background:url(../images/about_icon2.jpg) no-repeat center;} .sec2 ul li .icon3 {background:url(../images/about_icon3.jpg) no-repeat center;} .sec2 ul li .icon4 {background:url(../images/about_icon4.jpg) no-repeat center;} .sec2 ul li .icon5 {background:url(../images/about_icon5.jpg) no-repeat center;} .sec2 ul li .icon6 {background:url(../images/about_icon6.jpg) no-repeat center;} .sec2 ul li h3 {font-size:24px;color:#333;font-weight:bold;text-align:center;} .sec2 ul li span {line-height:24px;height:75px;margin-top:10px;padding-top:10px;display:block;font-size:14px;border-top:1px solid #ebebeb;text-align:center;} @media only screen and (max-width:500px) {.sec2 h2 {font-size:20px;} } @media only screen and (max-width:991px) {.sec2 ul li {width:48%;} } @media only screen and (max-width:767px) {.sec2 ul li h3 {font-size:16px;} .sec2 ul li.li2 {padding:22px 8px;} .sec2 {padding:40px 0 40px 0;} .sec2 h2 {margin-bottom:24px} .sec2 .cont {padding:0 10px; } }