@charset "utf-8"; @import url("iconfont.css"); *{margin:0;padding:0} html{overflow-x:hidden;font-size:13.3333333333vw} body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;background:#fff;overflow-x:hidden;text-align:left;position:relative;font-size:16px;color:#000} img{border:none} h1,h2,h3{font-weight:400} a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;} input,select,textarea{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;font-size:16px;outline:0;margin:0;padding:0} input::-webkit-input-placeholder{color:#999!important} textarea::-webkit-input-placeholder{color:#999!important} input[type=button],input[type=date],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=text],input[type=time]{-webkit-appearance:none} select{-webkit-appearance:none} textarea{-webkit-appearance:none} input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0} ol,ul{padding:0;list-style-type:none} em{font-style:normal} .lt{float:left} .rt{float:right} input.sub,label{border:none;cursor:pointer} input,textarea{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;outline:0;margin:0;padding:0} table{border-collapse:collapse} td,th{padding:0} .clearfix::after{content:"";display:block;clear:both} *{box-sizing:border-box} .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear { clear:both;} .wrap{width:1400px;position:relative;max-width:100%;margin:0 auto} .wrap::after{content:"";display:block;clear:both} /*自定义*/ body{ font-family:Microsoft YaHei; } /*header*/ .header{height:100px; position:relative; background-color:#ffffff;} .header .logo{float:left; height:100px;} .header .logo a{display:block; width:100%; height:100%; display: flex; align-items: center; justify-content: center;} .header .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;} .header .nav{float:right;} .header .nav ul li{float:left; width:auto; color:#333333; font-size:16px; line-height:100px; margin-left:60px; position:relative; } .header .nav ul li:after{content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#00a2e9; left: 50%; transform: translateX(-50%); transition: all .5s ease; } .header .nav ul li a { display:block; } .header .nav ul li:hover:after{ width:100%;transform:translateX(-50%) scale(1.1); } .header .nav ul li.active:after{ width:100%; } .header .nav ul li .sub { position: absolute;width:200%;left:-50%; text-align:center; top:100px;z-index:30000; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .header .nav ul li .sub ul li{ float:left; min-width:auto; width:100%; line-height:40px; position:relative;text-align:center; margin:0; padding:0;color:#333333; font-size:15px; font-weight:normal; background-color:#FFF; } .header .nav ul li .sub ul li:hover:after{ display:none;} .header .nav ul li .sub ul li:hover { background-color:#00a2e9; color:#ffffff; } .header .nav ul li .sub ul li:hover a { color:#ffffff; } /*header2*/ .header2{height:60px;position:fixed;background:#ffffff;z-index:22;top:0;width:100%; display:none; } .header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)} .header2 .logo{width:350px;height:60px;margin-top:0;overflow:hidden; float: left; display: inline;} .header2 .logo a{display:block; width:100%; height:100%; display: flex; align-items: center; justify-content: center;} .header2 .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;} .header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline;} .header2 .nav-btn .zi { width:20px; color:#00a2e9; font-size:16px; line-height:1; position:absolute; right:-10px; top:-8px; } .header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s} .header2 .nav-btn .line{display:block;width:50%;height:2px;border-radius:2px;background-color:#00a2e9;position:absolute;left:50%;margin-left:-15px} .header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0} .header2 .nav-btn.active .line1{top:0} .header2 .nav-btn.hover .line{background:#00a2e9} .header2 .nav-btn .line2{top:7px} .header2 .nav-btn .line3{bottom:0;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center} .header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0;top:70px;z-index:2;overflow-y:auto} .header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)} .header2 .js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease} .header2 .js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} .header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px} .header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:50px;color:#fff;position:relative;box-sizing:border-box} .header2 .sub-menu .sub-tit.on{background-color:#e9e9e9} .header2 .sub-menu .sec-list{line-height:40px; padding-bottom:10px; display:none} .header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:50px;text-align:center;background:0 0;float:right} .header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/mobile_nav_jia.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:10px} .header2 .sub-menu .jt.jtRote:after{background:url(../images/mobile_nav_jian.png) no-repeat center;background-size:20px auto} .header2 .sub-menu .sec-list p{background:url(../images/mobile_nav_dian.png) no-repeat left center;background-size:3px auto;font-size:14px} .header2 .sub-menu .sec-list a{padding-left:5%;color:#cccccc;display:block} .header2 .sub-menu .sec-list a:active{color:#37a3dc} .header2 .icon-close:before{content:"\e6d3"} .search-bg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:20; background-color:rgba(55,55,55,.95); display:none; } /*f_nav*/ .f_nav { display:none; margin:0 auto; text-align:center; width:100%; max-width:750px; min-width:320px; height: 3.5em; padding: 0.1em 0;background:#242424;position:fixed; bottom:0; z-index:999;} .f_nav a{color: #fff; display: block; text-align: center; width: 33.33%; float: left; margin: 0 auto; font-size:14px;} .f_nav a i{display: block;font-size: 1.5em;line-height: 1.4em;} .header-wrap { display:none;} /* nav_zzc */ .nav_zzc{display: none;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99990;} .nav_menu { width:0; position:fixed; right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;} .nav_menu .nav_menu_top{width: 100%; height:50px;} .nav_menu .nav_menu_btn{display: block;width:25px;position: absolute;top:16px;right:20px;} .nav_menu .nav_menu_btn img{display: block;width:25px; } .nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;} .nav_menu li{ width:100%; overflow:hidden; background:url(../images/nav_icon01.png) no-repeat 89% center;height:50px;border-bottom: 1px solid #eaeaea;} .nav_menu li a{ color:#333333;font-size:14px;display: block;height:50px;line-height:50px;box-sizing: border-box;padding-left: 6%;} /*banner*/ .banner { width:100%;} .banner .swiper-container{width:100%;height:100%} .banner .swiper-slide{text-align:center;font-size:18px;background:#fff;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;} .banner .swiper-button-next{opacity:0.4;outline:none;} .banner .swiper-button-prev{opacity:0.4;outline:none;} .banner .swiper-button-next:hover{opacity:0.8;} .banner .swiper-button-prev:hover{opacity:0.8;} .banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:16px;} .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 9px; width:13px; height:13px; background: #ffffff; opacity:0.7;} .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;} .banner .swiper-slide a { display:block; width:100%;} .banner .swiper-slide img { width:100%; display:block;} /*public*/ .public { text-align:center; } .public .tit { color:#333333; font-size:36px; line-height:1.5;} .public .des { color:#888888; font-size:16px; line-height:1.5; margin-top:9px; } .public-more { width:284px; height:46px; border:#d8d8d8 solid 1px; border-radius:3px; text-align:center; color:#333333; font-size:16px; line-height:44px; margin:0 auto; margin-top:45px; } .public-more a { display:block; } .public-more:hover { background-color:#00a2e9; color:#FFF; border:#00a2e9 solid 1px; } .public-more:hover a { color:#FFF; } /*pro*/ .pro { padding-top:64px; padding-bottom:70px; } .pro-list { padding-top:20px; min-height:170px; } .pro-list ul li{ float:left; width:262px; margin-top:20px; text-align:center; } .pro-list ul li:nth-child(5n+2) { margin-left:22.5px;} .pro-list ul li:nth-child(5n+3) { margin-left:22.5px;} .pro-list ul li:nth-child(5n+4) { margin-left:22.5px;} .pro-list ul li:nth-child(5n+5) { margin-left:22.5px;} .pro-list ul li .pic { height:262px; display: flex; align-items: center; justify-content: center; overflow:hidden; border:#eeeeee solid 1px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .pro-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.5s; } .pro-list ul li .tit { color:#333333; font-size:18px; line-height:1.5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:20px;} .pro-list ul li:hover .tit { color:#00a2e9; } /*pro-gundong*/ .pro-gundong { height:auto; margin-top:20px; position:relative; } .pro-gundong .swiper-container { width: 100%; height: 100%; } .pro-gundong .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align:center; } .pro-li { width:100%; height:100%;} .pro-li .pic{ width:100%; height:262px; display: flex; align-items: center; justify-content: center; overflow:hidden; } .pro-li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.5s; } .pro-li .tit { color:#333333; font-size:18px; line-height:1.5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:20px;} .pro-li:hover .tit { color:#00a2e9; } /*dingzhi*/ .dingzhi { background-color:#f8f8f8; padding-top:70px; padding-bottom:70px; } .dingzhi-list { width:894px; margin:0 auto; margin-top:40px; } .dingzhi-list ul li{ float:left; width:270px; height:312px; background:url(../images/dingzhi-bg.png) no-repeat; background-size:100% 100%; text-align:center; padding:60px 38px 0 38px; margin-left:42px; } .dingzhi-list ul li .pic { height:60px; } .dingzhi-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle;} .dingzhi-list ul li .tit { color:#333333; font-size:24px; line-height:1.5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; margin-top:13px; } .dingzhi-list ul li .des { color:#888888; font-size:16px; line-height:1.62; margin-top:30px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; margin-top:13px; } .dingzhi-list ul li:nth-child(1) { margin-left:0; } .dingzhi-list ul li:nth-child(4) { margin-left:156px; margin-top:-52px; } .dingzhi-list ul li:nth-child(5) { margin-top:-52px; } /*gongying*/ .gongying { padding-top:80px; padding-bottom:90px; } .gongying-list { margin-top:40px; } .gongying-list img{ max-width:100%; text-align:center;} /*youshi*/ .youshi { height:auto; padding-bottom:90px; } .youshi-list { margin-top:30px; } .youshi-list ul li { float:left; width:264px; height:491px; background-color:#e5e5e5; border-radius:10px; padding:50px 30px 0 30px; text-align:center; } .youshi-list ul li:nth-child(5n+2) { margin-left:20px;} .youshi-list ul li:nth-child(5n+3) { margin-left:20px;} .youshi-list ul li:nth-child(5n+4) { margin-left:20px;} .youshi-list ul li:nth-child(5n+5) { margin-left:20px;} .youshi-list ul li .tit { color:#333333; font-size:24px; line-height:1.5; font-weight:bold; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .youshi-list ul li .pic { height:132px; margin-top:30px; } .youshi-list ul li .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%;} .youshi-list ul li .des { color:#666666; font-size:16px; line-height:1.62; margin-top:30px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;} .youshi-list ul li:nth-child(odd) { background-color:#00a2e9;} .youshi-list ul li:nth-child(odd) .tit { color:#ffffff;} .youshi-list ul li:nth-child(odd) .des { color:#b3e3f8;} .youshi-list ul li:nth-child(even) { margin-top:80px; } /*tuijian*/ .tuijian { background-color:#f8f8f8; padding-top:75px; padding-bottom:85px; } .tuijian-list { height:auto; position:relative; margin-top:40px;} .tuijian-list .swiper-container{width:80%;height:100%; margin:0 auto; } .tuijian-list .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .tuijian-list .swiper-button-prev { background:url(../images/btn.png) no-repeat; width:84px; height:164px; margin-top:-82px; right:auto; left:0; top:50%; bottom:0; outline:none; background-size:100% 100%;} .tuijian-list .swiper-button-prev:after { display:none;} .tuijian-list .swiper-button-next {background:url(../images/btn.png) no-repeat;transform:rotate(180deg); width:84px; height:164px; margin-top:-82px; right:0; left:auto; top:50%; bottom:0; outline:none; background-size:100% 100%; } .tuijian-list .swiper-button-next:after { display:none;} .tuijian-li { display:block; width:100%; height:100%; } .tuijian-li a{ display:block; width:100%; height:100%; } .tuijian-li .pic { float:left; width:496px; height:496px; overflow:hidden; text-align:center; } .tuijian-li .pic img { max-width:100%; max-height:100%; vertical-align:middle; transition: 0.5s;} .tuijian-li .con { float:right; width:580px; } .tuijian-li .con .tit { color:#333333; font-size:30px; line-height:1.5; font-weight:bold; margin-top:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .tuijian-li .con .des { color:#333333; font-size:20px; line-height:1.5; margin-top:19px; margin-bottom:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .tuijian-li .con .show { color:#888888; font-size:16px; line-height:30px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; margin-top:10px; margin-bottom:12px; } .tuijian-li .con .info { color:#888888; font-size:16px; line-height:30px; margin-top:28px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; } .tuijian-li .con .more { color:#888888; font-size:16px; line-height:43px; width:205px; height:45px; border:#d6d6d6 solid 1px; text-align:center; margin-top:58px; } .tuijian-li .con .line { border-top:#e4e4e4 solid 1px; } .tuijian-li .tit:hover { color:#00a2e9; } .tuijian-li .con .more:hover { background-color:#00a2e9; color:#FFF; border:#00a2e9 solid 1px; } /*zizhi*/ .zizhi{ padding-top:64px; padding-bottom:70px;} .zizhi-list { height:auto; margin-top:40px; position:relative; } .zizhi-list .swiper-container { width: 100%; height: 100%; } .zizhi-list .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; text-align:center; } .zizhi-li { width:100%; height:100%;} .zizhi-li .pic{ width:100%; height:370px; background-color:#ccecfb;display: flex; align-items: center; justify-content: center; overflow:hidden; } .zizhi-li .pic img{max-width:94%;max-height:94%;vertical-align: middle;transition: 0.5s;} .zizhi-li .tit { color:#333333; font-size:18px; line-height:1; margin-top:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .zizhi-li:hover .pic img{transform: scale(1.05); transition: 0.5s;} .zizhi-li:hover .tit { color:#00a2e9; } /*jidi*/ .jidi{ padding-bottom:70px;} .jidi-list { padding-top:20px; } .jidi-list ul li{ float:left; width:453px; height:240px; margin-top:20px; overflow:hidden; } .jidi-list ul li:nth-child(3n+2) { margin-left:20.5px;} .jidi-list ul li:nth-child(3n+3) { margin-left:20.5px;} .jidi-list ul li img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%; transition: 0.5s;} .jidi-list ul li:hover img{transform: scale(1.05); transition: 0.5s;} .jidi-list ul li:nth-child(1) { width:304px; height:366px;} .jidi-list ul li:nth-child(2) { width:751px; height:366px;} .jidi-list ul li:nth-child(3) { width:304px; height:366px;} /*news*/ .news{ background-color:#f8f8f8; padding-top:64px; padding-bottom:70px;} .news-show { margin-top:40px; } .news-left { float:left; width:700px; height:443px; overflow:hidden; position:relative; } .news-left .pic { width:100%; height:100%; overflow:hidden; } .news-left .pic img {width: 100%;height: 100%; object-fit: cover;object-position: center 30%; transition: 0.5s;} .news-left:hover .pic img{transform: scale(1.05); transition: 0.5s;} .news-left .tit { position:absolute; left:0; bottom:0; width:100%; height:48px; background-color:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:16px; line-height:48px; padding:0 25px; } .news-right { float:right; width:640px; border-top:#dfdfdf solid 1px; } .news-right ul li { border-bottom:#dfdfdf solid 1px; padding:23px 0; } .news-right ul li .tit { color:#333333; font-size:20px; line-height:1.5; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .news-right ul li .riqi { color:#888888; font-size:16px; line-height:1.5; font-family:Arial, Helvetica, sans-serif; margin-top:9px; } .news-right ul li:hover .tit { color:#00a2e9; } /*hezuo*/ .hezuo { padding-top:65px; padding-bottom:80px; } .hezuo-top { padding-top:28px; padding-bottom:50px; } .hezuo-top .con {float:left;} .hezuo-top .form {float:right; width:933px; } .hezuo-top.hezuo-top2 .form {float:none; width:100%; } .hezuo-bot { padding-top:55px; border-top:#e5e5e5 solid 1px; } .hezuo-bot .map {float:left; width:933px; } .hezuo-bot .map img { width:100%; } .hezuo-bot .con {float:right;} .hezuo .con { width:414px; margin-top:18px; } .hezuo .con .ban { color:#333333; font-size:30px; line-height:1.5; position:relative; } .hezuo .con .ban:after{content:""; position:absolute; left:0; bottom:-20px; width:48px; height:2px; background-color:#00a1e9; } .hezuo .con .des { color:#888888; font-size:16px; line-height:1.62; margin-top:44px; } .hezuo .con .des h3 { font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:40px; margin-bottom:20px; } .hezuo-top .form ul li{ margin-top:20px; display: flex; flex-direction: row;justify-content: space-between;} .hezuo-top .form ul li input[type=text] { padding-left:20px; width:32%; height:54px;color:#333333; font-size:16px; border:#cccccc solid 1px; background-color:#FFF; border-radius:5px;} .hezuo-top .form ul li textarea { padding-left:20px; width:100%; height:150px;color:#333333; font-size:16px; border:#cccccc solid 1px; background-color:#FFF; outline: none; line-height:52px; resize:none;border-radius:5px;} .hezuo-top .form ul li input[type=submit] { width:172px; text-align:center; height:54px; background-color:#00a2e9; color:#fff; font-size:18px; cursor:pointer; border:none; border-radius:5px;} /*footer*/ .footer { background:#363636 url(../images/footer-bg.jpg) no-repeat center center; background-size:cover; padding-bottom:30px; } .f-left { float:left; width:80%; color:#c2c2c2; font-size:16px; line-height:2; margin-top:57px; } .f-left a:hover { color:#ffffff;} .f-nav { padding-bottom:17px; } .f-nav a { position:relative; margin-right:30px; } .f-nav a:after{content:""; position:absolute; right:-15px; top:50%; margin-top:-7px; width:1px; height:14px; background-color:#474747; } .f-nav a:last-child:after { display:none; } .f-right { float:right; width:122px; margin-top:67px; } .f-right img{max-width: 100%;max-height: 100%;vertical-align: middle; } /*f-copy*/ .f-copy { background-color:#363636; color:#9b9b9b; font-size:16px; line-height:2; padding-top:10px; padding-bottom:10px; border-top:#4c4c4c solid 1px; } .f-copy a:hover { color:#ffffff; } .f-copy-left { float:left; } .f-copy-right { float:right; } /*n-banner*/ .n-banner { width:100%;} .n-banner img{ width:100%;} /*n-position*/ .n-position { border-bottom:#eeeeee solid 1px; height:60px;} .n-position-left { float:left;color:#333333; font-size:16px; line-height:60px; background:url(../images/home.png) no-repeat left center; padding-left:36px;} .n-position-left a {color:#333333; } .n-position-left a:hover { text-decoration:underline;} .n-position-right { float:right;color:#333333; font-size:20px; line-height:60px;} /*n-main*/ .n-main { padding-top:20px; padding-bottom:20px; min-height:300px;} /*n-newshow*/ .n-newshow { height:auto;} .n-show { padding:10px; color:#333333; font-size:16px; line-height:2; min-height:300px;} .n-show img { max-width:100%;} .n-show .img-responsive { display:inline;} .n-tit { font-size:20px; text-align:center; line-height:34px; padding:0 10px; color:#00a2e9;} .n-time { font-size:14px; text-align:center; line-height:18px; margin-top:13px; color:#3c3c3d; } .n-xian {border-bottom:#ebebeb dashed 1px; height:1px; margin-top:20px;} .n-other { line-height:24px; padding:20px 0; color:#999999; } .n-other a:hover{ text-decoration:underline; color:#999999; } /*n-newlist*/ .n-newlist { height:auto; padding-bottom:20px; min-height:170px; } .n-newlist ul li { border:#c9caca solid 1px; margin-top:27px; height:auto; padding:20px;} .n-newlist ul li .tit {color:#3e3a39; font-size:18px; line-height:44px; height:44px; overflow:hidden; font-weight:bold;} .n-newlist ul li .des {color:#595757; font-size:15px; line-height:26px; height:26px; overflow:hidden;} .n-newlist ul li .more { float:right; width:100px; height:30px; background-color:#00a2e9; text-align:center; color:#ffffff; font-size:14px; line-height:30px; margin-top:10px;} .n-newlist ul li:hover { border:#00a2e9 solid 1px;} .n-newlist ul li:hover .tit {color:#00a2e9;} .n-newlist ul li:hover .more { background-color:#00a2e9;} /*pagination*/ .pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:40px;color:#7b7b7b; padding-bottom:40px; } .pagination a { color:#7b7b7b; padding:5px 7px;border-radius:3px; border:#ececec solid 1px; } .pagination a:hover { background-color:#00a2e9; color:#FFF;} /*i-pro-sub*/ .i-pro-sub { padding-top:13px;} .i-pro-sub ul li{ float:left; color:#333333; font-size:16px; line-height:2.5; border:#cccccc solid 1px; margin-right:14px; margin-top:14px;} .i-pro-sub ul li a { display:block; padding:0 15px;} .i-pro-sub ul li:last-child { margin-right:0; } .i-pro-sub ul li:hover { background-color:#00a2e9; color:#ffffff; border:#00a2e9 solid 1px;} .i-pro-sub ul li.active { background-color:#00a2e9; color:#ffffff; border:#00a2e9 solid 1px;} @media (max-width:1450px){ .wrap{width:94%} .header .logo{ width:32%; } .header .nav ul li{ margin-left:50px; } .header .nav ul li:after{ height:2px; } /*public1450*/ .public .tit { font-size:30px;} /*pro1450*/ .pro { padding-top:54px; padding-bottom:60px; } .pro-list ul li{ width:18.72%; } .pro-list ul li:nth-child(5n+2) { margin-left:1.6%;} .pro-list ul li:nth-child(5n+3) { margin-left:1.6%;} .pro-list ul li:nth-child(5n+4) { margin-left:1.6%;} .pro-list ul li:nth-child(5n+5) { margin-left:1.6%;} .pro-list ul li .pic { height:212px; } /*pro-gundong1450*/ .pro-li .pic{ height:212px; } /*dingzhi1450*/ .dingzhi { padding-top:60px; padding-bottom:60px; } .dingzhi-list { width:64%; } .dingzhi-list ul li{ width:30%; height:240px; padding:30px 28px 0 28px; margin-left:5%; } .dingzhi-list ul li .pic { height:50px; } .dingzhi-list ul li .tit { font-size:22px; } .dingzhi-list ul li:nth-child(4) { margin-left:17.5%; margin-top:-32px; } .dingzhi-list ul li:nth-child(5) { margin-top:-32px; } /*gongying1450*/ .gongying { padding-top:60px; padding-bottom:70px; } /*youshi1450*/ .youshi { padding-bottom:70px; } .youshi-list ul li { width:18.72%; height:400px; padding:30px 20px 0 20px; } .youshi-list ul li:nth-child(5n+2) { margin-left:1.6%;} .youshi-list ul li:nth-child(5n+3) { margin-left:1.6%;} .youshi-list ul li:nth-child(5n+4) { margin-left:1.6%;} .youshi-list ul li:nth-child(5n+5) { margin-left:1.6%;} .youshi-list ul li .tit { font-size:22px;} .youshi-list ul li .pic { height:112px; } .youshi-list ul li .des { -webkit-line-clamp:5;} /*tuijian1450*/ .tuijian { padding-top:65px; padding-bottom:75px; } .tuijian-list .swiper-button-prev { width:64px; height:124px; margin-top:-62px; } .tuijian-list .swiper-button-next { width:64px; height:124px; margin-top:-62px;} .tuijian-li .pic { width:44%; height:400px; } .tuijian-li .con { width:52%; } .tuijian-li .con .tit { font-size:24px; margin-top:0; } .tuijian-li .con .des { font-size:18px; } .tuijian-li .con .more { margin-top:38px; } /*zizhi1450*/ .zizhi{ padding-top:54px; padding-bottom:60px;} .zizhi-li .pic{ height:284px; } /*jidi1450*/ .jidi{ padding-bottom:60px;} .jidi-list ul li{ width:32%; height:193px; } .jidi-list ul li:nth-child(3n+2) { margin-left:2%;} .jidi-list ul li:nth-child(3n+3) { margin-left:2%;} .jidi-list ul li:nth-child(1) { width:22%; height:288px;} .jidi-list ul li:nth-child(2) { width:52%; height:288px;} .jidi-list ul li:nth-child(3) { width:22%; height:288px;} /*news1450*/ .news{ padding-top:54px; padding-bottom:60px;} .news-left { width:50%; } .news-right { width:45.7%; } /*hezuo1450*/ .hezuo { padding-top:55px; padding-bottom:60px; } .hezuo-top .form { width:66%; } .hezuo-bot .map { width:66%; } .hezuo .con { width:29%;} .hezuo .con .ban { font-size:24px } .hezuo .con .des h3 { font-size:32px; } /*n-position1650*/ .n-position { height:50px;} .n-position-left { font-size:16px; line-height:50px; } .n-position-right { font-size:18px; line-height:50px;} } @media (max-width:1200px){ .header .nav ul li{ margin-left:30px; } /*public1200*/ .public .tit { font-size:26px;} /*pro1200*/ .pro { padding-top:44px; padding-bottom:50px; } .pro-list ul li .pic { height:180px; } /*pro-gundong1200*/ .pro-li .pic{ height:180px; } /*gongying1200*/ .gongying { padding-top:50px; padding-bottom:60px; } /*dingzhi1200*/ .dingzhi { padding-top:50px; padding-bottom:50px; } .dingzhi-list ul li{ height:210px; padding:25px 18px 0 18px; } .dingzhi-list ul li .pic { height:40px; } .dingzhi-list ul li .tit { font-size:20px; margin-top:8px; } .dingzhi-list ul li .des { margin-top:8px;} /*youshi1200*/ .youshi { padding-bottom:50px; } .youshi-list ul li { height:300px; padding:20px 15px 0 15px; } .youshi-list ul li .tit { font-size:20px;} .youshi-list ul li .pic { height:92px;margin-top:15px; } .youshi-list ul li .des { -webkit-line-clamp:4;margin-top:15px;} /*tuijian1200*/ .tuijian { padding-top:55px; padding-bottom:65px; } .tuijian-list .swiper-button-prev { width:44px; height:104px; margin-top:-52px; } .tuijian-list .swiper-button-next { width:44px; height:104px; margin-top:-52px;} .tuijian-li .pic {height:340px; } .tuijian-li .con .tit { font-size:22px; } .tuijian-li .con .des { font-size:16px;margin-top:9px;margin-bottom: 10px; } .tuijian-li .con .more { margin-top:18px; } .tuijian-li .con .info { margin-top:18px;} /*zizhi1200*/ .zizhi{ padding-top:44px; padding-bottom:50px;} /*jidi1200*/ .jidi{ padding-bottom:50px;} .jidi-list ul li{ height:163px; } .jidi-list ul li:nth-child(1) { height:244px;} .jidi-list ul li:nth-child(2) { height:244px;} .jidi-list ul li:nth-child(3) { height:244px;} /*news1200*/ .news{ padding-top:44px; padding-bottom:50px;} .news-left { height:343px; } .news-right ul li { padding:12px 0; } .news-right ul li .tit { font-size:18px; } /*hezuo1200*/ .hezuo { padding-top:45px; padding-bottom:50px; } .hezuo .con .ban { font-size:22px } .hezuo .con .des h3 { font-size:28px; } } @media (max-width:992px){ /*header992*/ .header{ display:none;} .header2{ display: block; } .header-wrap { display:block; height:60px;} /*public992*/ .public .tit { font-size:22px;} /*pro992*/ .pro { padding-top:34px; padding-bottom:40px; } .pro-list ul li .pic { height:135px; } /*pro-gundong992*/ .pro-li .pic{ height:135px; } /*gongying992*/ .gongying { padding-top:40px; padding-bottom:50px; } /*dingzhi992*/ .dingzhi { padding-top:40px; padding-bottom:40px; } .dingzhi-list { width:84%; } .dingzhi-list ul li .pic { height:30px; } .dingzhi-list ul li .tit { font-size:18px; } /*youshi992*/ .youshi { padding-bottom:40px; } .youshi-list { margin-top:10px; } .youshi-list ul li { width:32%; margin-top:20px;height:280px; } .youshi-list ul li:nth-child(even) { margin-top:20px; } .youshi-list ul li:nth-child(5n+2) { margin-left:0;} .youshi-list ul li:nth-child(5n+3) { margin-left:0;} .youshi-list ul li:nth-child(5n+4) { margin-left:0;} .youshi-list ul li:nth-child(5n+5) { margin-left:0;} .youshi-list ul li:nth-child(2) { margin-left:2%;} .youshi-list ul li:nth-child(3) { margin-left:2%;} .youshi-list ul li:nth-child(4) { margin-left:17%;} .youshi-list ul li:nth-child(5) { margin-left:2%;} .youshi-list ul li .tit { font-size:18px;} .youshi-list ul li .des { -webkit-line-clamp:3;} /*tuijian992*/ .tuijian { padding-top:45px; padding-bottom:55px; } .tuijian-list .swiper-container{width:90%; } .tuijian-list .swiper-button-prev { width:24px; height:44px; margin-top:-22px; } .tuijian-list .swiper-button-next { width:24px; height:44px; margin-top:-22px;} .tuijian-li .pic {height:290px; } .tuijian-li .con .tit { font-size:20px; } .tuijian-li .con .more { margin-top:10px; } .tuijian-li .con .info { margin-top:10px; } .tuijian-li .con .show { -webkit-line-clamp:2; } /*zizhi992*/ .zizhi{ padding-top:34px; padding-bottom:40px;} /*jidi992*/ .jidi{ padding-bottom:40px;} .jidi-list ul li{ height:123px; } .jidi-list ul li:nth-child(1) { height:183px;} .jidi-list ul li:nth-child(2) { height:183px;} .jidi-list ul li:nth-child(3) { height:183px;} /*news992*/ .news{ padding-top:34px; padding-bottom:40px;} /*hezuo992*/ .hezuo { padding-top:35px; padding-bottom:40px; } .hezuo-top { padding-top:18px; padding-bottom:30px; } .hezuo-top .con { float:none; } .hezuo-top .form { float:none; width:100%; margin-top:20px; } .hezuo-bot { padding-top:0; } .hezuo-bot .map { float:none; width:100%; margin-top:20px; } .hezuo-bot .con { float:none; } .hezuo .con {width:100%;} .hezuo .con .ban { font-size:20px } .hezuo .con .des h3 { font-size:24px; } /*f-copy992*/ .f-copy-left { float:none; } .f-copy-right { float:none; } /*n-position992*/ .n-position { height:40px;} .n-position-left { font-size:14px; line-height:40px; background-size:auto 20px; padding-left:30px; } .n-position-right { font-size:16px; line-height:40px;} } @media (max-width:767px){ /*header768*/ .header2 .logo{width:300px;} .f_nav { display:block;} .banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom:9px;} /*public767*/ .public .tit { font-size:20px; font-weight:bold; } .public .des { font-size:14px; } .public-more { width:200px; height:36px;line-height:34px; margin-top:30px; } /*pro767*/ .pro { padding-top:24px; padding-bottom:30px; } .pro-list { padding-top:10px; } .pro-list ul li{ width:48.5%; margin-top:15px; } .pro-list ul li:nth-child(5n+2) { margin-left:0;} .pro-list ul li:nth-child(5n+3) { margin-left:0;} .pro-list ul li:nth-child(5n+4) { margin-left:0;} .pro-list ul li:nth-child(5n+5) { margin-left:0;} .pro-list ul li:nth-child(even) { margin-left:3%; } .pro-list ul li .pic { height:171px; } .pro-list ul li .tit { font-size:16px; margin-top:10px; } /*pro-gundong767*/ .pro-li .pic{ height:171px; } .pro-li .tit { font-size:16px; margin-top:10px; } /*gongying767*/ .gongying { padding-top:30px; padding-bottom:40px; } .gongying-list { margin-top:20px; } /*dingzhi767*/ .dingzhi { padding-top:30px; padding-bottom:30px; } .dingzhi-list { margin-top:30px; } .dingzhi-list ul li { height:190px; width:48.5%; margin-left:3%; padding:30px 10px 0 10px; margin-top:-10px; } .dingzhi-list ul li .tit { font-size:16px; } .dingzhi-list ul li .des { font-size:14px; } .dingzhi-list ul li:nth-child(1) { margin-left:0; } .dingzhi-list ul li:nth-child(3) { margin-left:25.75%; margin-top:-30px; } .dingzhi-list ul li:nth-child(4) { margin-left:0; margin-top:-30px; } .dingzhi-list ul li:nth-child(5) { margin-left:3%; margin-top:-30px; } /*youshi767*/ .youshi { padding-bottom:30px; } .youshi-list { margin-top:10px; } .youshi-list ul li { width:48.5%; margin-top:15px;height:250px; padding:15px 10px 0 10px;} .youshi-list ul li:nth-child(even) { margin-top:15px; } .youshi-list ul li:nth-child(2) { margin-left:0;} .youshi-list ul li:nth-child(3) { margin-left:0;} .youshi-list ul li:nth-child(4) { margin-left:0;} .youshi-list ul li:nth-child(5) { margin-left:25.75%;} .youshi-list ul li:nth-child(even) { margin-left:3%; } .youshi-list ul li .tit { font-size:16px;} .youshi-list ul li .des { font-size:14px; } /*tuijian767*/ .tuijian { padding-top:35px; padding-bottom:35px; } .tuijian-list { margin-top: 20px;} .tuijian-list .swiper-container{width:100%; } .tuijian-list .swiper-button-prev { display:none; } .tuijian-list .swiper-button-next { display:none;} .tuijian-li .pic { float:none; width:100%; height:290px; } .tuijian-li .con { float:none; width:100%; margin-top:15px; } .tuijian-li .con .tit { font-size:18px; } .tuijian-li .con .more { width:200px; height:36px;line-height:34px; } /*zizhi767*/ .zizhi{ padding-top:24px; padding-bottom:30px;} .zizhi-list { margin-top: 20px;} .zizhi-li .pic{ height:230px; } .zizhi-li .tit { font-size:16px; margin-top:15px;} /*jidi767*/ .jidi{ padding-bottom:30px;} .jidi-list { padding-top:0; } .jidi-list ul li{ height:60px; } .jidi-list ul li:nth-child(1) { height:90px;} .jidi-list ul li:nth-child(2) { height:90px;} .jidi-list ul li:nth-child(3) { height:90px;} /*news767*/ .news{ padding-top:24px; padding-bottom:30px;} .news-show { margin-top:20px; } .news-left { float:none; width:100%; height:auto; } .news-right { float:none; width:100%; margin-top:20px; } .news-right ul li .tit { font-size:16px;} .news-right ul li .riqi { font-size:14px;} /*hezuo767*/ .hezuo { padding-top:25px; padding-bottom:30px; } .hezuo-top { padding-top:8px; padding-bottom:20px; } .hezuo .con .ban { font-size:18px; margin-bottom:10px;} .hezuo .con .ban:after { bottom:-10px; } .hezuo .con .des { margin-top:24px; } .hezuo .con .des h3 { font-size:20px; } .hezuo-top .form { margin-top:0; } .hezuo-top .form ul li { margin-top:13px; display:block; } .hezuo-top .form ul li input[type=text] { width:100%; margin-top:13px; padding-left:8px; height:44px;} .hezuo-top .form ul li textarea { padding-left:8px; height:44px; line-height:42px;} .hezuo-top .form ul li input[type=submit] { height:44px; font-size:16px; } /*footer767*/ .f-left { float:none; width:100%; margin-top:17px; font-size:14px;} .f-nav { display:none; } .f-right { float:none; margin-top:30px; } /*f-copy767*/ .f-copy { padding-bottom:5em; font-size:14px; } .n-banner img {height:65px;object-fit: cover;object-position: center;} /*n-position768*/ .n-position { height:36px;} .n-position-left { line-height:36px; background-size:auto 16px; padding-left:25px; } .n-position-right { display:none;} /*n-newshow768*/ .n-show { padding:10px 0;} .n-tit { font-size:16px;line-height:1.5; } .n-time { margin-top:5px; font-size:12px; } .n-xian { margin-top:10px;} .n-other {font-size:14px;} /*n-newlist768*/ .n-newlist { padding-bottom:10px;} .n-newlist ul li { margin-top:15px; padding:10px 10px 15px 10px;} .n-newlist ul li .tit { font-size:16px; line-height:30px; height:30px;} .n-newlist ul li .des {font-size:14px; line-height:24px; height:48px;} .n-newlist ul li .more { margin-top:7px;} .pagination { font-size:12px;padding-bottom:30px; } .i-pro-sub ul li{ line-height:1.8; } } @media (max-width:500px){ .dingzhi-list { width:100%; } .dingzhi-list ul li { height:190px; } } @media (max-width:350px){ .header2 .logo{width:260px;} .pro-list ul li .pic { height:145px; } }