@charset "utf-8"; /*rest css*/ *{box-sizing:border-box;} html{width:100%;min-height:100%;outline:0;font-size:20px;font-family:"寰蒋闆呴粦";-webkit-text-size-adjust:none;} body,dd,div,dl,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,textarea,ul{margin:0;padding:0;} body{background-color:#fff;color:#333;font-family:"寰蒋闆呴粦";padding-bottom: 1.1rem;} ol,ul{list-style:none;} img{border:none;vertical-align:middle;} a{outline:0;border:0 none;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333333;} .cf:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:'\200B';} .cf{zoom:1;} html{max-width:750px;min-width:320px; margin:0 auto; position:relative;} body{max-width:750px;min-width:320px;font-size:14px; background:#fff;} em,i{font-style:normal;} .fl{float:left;} .fr{float:right;} input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;} textarea{-webkit-appearance: none;} .oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .rowcenter{position: relative;max-height: 100%;max-width: 100%;top: 50%;transform: translateY(-50%);} .lc{position: relative;display:block;top: 50%;transform: translateY(-50%);} /****************椤甸潰鍏叡鏍峰紡*************************/ /*header 澶撮〉闈?/ .header{height: .9rem;padding: 0 .3rem;} .header .cf{height: 100%;} .header .cf a{display: block;height: 100%;} .header .cf a.fl img{width: 2.11rem;height: .5rem;} .header .cf a.fr img{width: .44rem;height: .44rem;} /*footer 淇℃伅*/ .footer{height: 1.1rem;clear: both;} .footer p{color: #999999;margin-bottom: .1rem;font-size: .2rem;text-align: center;} .footer p:last-child{margin: 0;} /*footer nav*/ .footer-nav{height: 1.1rem;background: rgba(34,34,34,1);position: fixed;bottom: 0;left: 0;width: 100%;z-index: 3333333;opacity: 1;} .footer-nav .cf {height: 100%;} .footer-nav .cf .fl{height: 100%;width: 25%;border-right: 1px solid #000;border-left: 1px solid #444444;} .footer-nav .cf .fl:first-child{border-left: none;} .footer-nav .cf .fl:last-child{border-right: none;} .footer-nav .cf .fl .imgbox{width: .44rem;height: .44rem;margin: 0 auto;margin-bottom: .1rem;} .footer-nav .cf .fl p{font-size: .2rem;text-align: center;color: #999;} .footer-nav .cf .nav1 .imgbox{background: url(../img/t1.png) no-repeat center;background-size: .44rem .44rem;} .footer-nav .cf .nav2 .imgbox{background: url(../img/t2.png) no-repeat center;background-size: .42rem .42rem;} .footer-nav .cf .nav3 .imgbox{background: url(../img/t3.png) no-repeat center;background-size: .42rem .42rem;} .footer-nav .cf .nav4 .imgbox{background: url(../img/t4.png) no-repeat center;background-size: .40rem .40rem;} .footer-nav .cf .nav1.on .imgbox{background: url(../img/t1_on.png) no-repeat center;background-size: .44rem .44rem;} .footer-nav .cf .nav2.on .imgbox{background: url(../img/t2_on.png) no-repeat center;background-size: .42rem .42rem;} .footer-nav .cf .nav3.on .imgbox{background: url(../img/t3_on.png) no-repeat center;background-size: .42rem .42rem;} .footer-nav .cf .nav4.on .imgbox{background: url(../img/t4_on.png) no-repeat center;background-size: .40rem .40rem;} .footer-nav .cf .fl.on p{color: #336699} /*杞挱鍥?/ .banner {height:4.1rem;width: 100%;overflow: hidden;} .banner .swiper-container{width: 100%;height: 100%;} .banner .swiper-container .swiper-slide img {display: block;height: 100%;width: 100%;} .banner .swiper-pagination-bullet-active{background: #fff;} .banner .swiper-pagination-bullet{background: #fff} /*鍒楄〃*/ .items{border-bottom: .3rem solid #f4f4f4;height: 1.9rem;} .items .fl{height: 1.6rem;width: 25%;overflow: hidden;position: relative;} .items .fl:not(:last-child):after{content: "";display: block;width: 2px;height: .5rem;background: #f4f4f4;position: absolute;right: -1px;top: 50%;transform: translateY(-50%);} .items .fl .item .imgbox{height: .5rem;margin-bottom: .1rem;} .items .fl .item .imgbox img{margin: 0 auto;} .items .fl .item .imgbox1 img{width: .42rem;height: .48rem;} .items .fl .item .imgbox2 img{width: .43rem;height: .43rem;} .items .fl .item .imgbox3 img{width: .46rem;height: .46rem;} .items .fl .item .imgbox4 img{width: .57rem;height: .35rem;} .items .fl .item p{font-size: .26rem;color: #666666;text-align: center;} /*閫氱敤title*/ .base-title {position: relative;text-align: center;} .base-title .title{display: inline-block;padding: 0 .05rem;border-right: 1px solid #336699;border-left: 1px solid #336699;position: relative;z-index: 1;background: #fff;min-width: 2.3rem} .base-title .title h2{font-size: .32rem;font-weight: normal;line-height: 1.1;text-align: center;} .base-title .title p{color: #999999;font-size: .2rem;text-align: center;} .base-title .line{height: 1px;position: absolute;top: 50%;z-index: 0;width: 100%;background: #f4f4f4;} /*涓婚〉鐑棬鍒嗙被*/ .hot-cate{padding-top: .16rem;border-bottom: .3rem solid #f4f4f4;} .hot-cate .list{padding: .3rem;padding-bottom: .16rem;} .hot-cate .list .fl{width: 50%;padding-bottom: .26rem;} .hot-cate .list .fl a{width: 2.76rem;height: .6rem;line-height: .6rem;text-align: center;font-size: .28rem;box-shadow: 0 0 .4rem #f1f1f0;display: block;margin: 0 auto;overflow: hidden;} /*涓婚〉鐑棬浜у搧*/ .hot-pro{padding-top: .16rem;border-bottom: .3rem solid #f4f4f4;} .hot-pro .list{padding: .22rem;} .hot-pro .list .fl{padding: .08rem;width: 50%;display: block;} .hot-pro .list .box{width: 100%;box-shadow: 0 0 .4rem #f1f1f0;padding-bottom: .2rem;} .hot-pro .list .box img{display: block;width: 100%;height: 2.65rem;padding-bottom: .2rem;} .hot-pro .list .box h2{font-size: .26rem;text-align: center;font-weight: normal;padding-bottom: .1rem;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:clip;margin: 0 .1rem} .hot-pro .list .box p.x{color: #336699;font-size: .18rem;text-align: center;} .hot-pro .list .box p.b{padding: .2rem;padding-bottom: 0;line-height: 1.4;color: #999999;font-size: .22rem;overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;} /*more 鏌ョ湅鏇村*/ .more{display: block;border-top: 1px solid #dddddd;height: .8rem;text-align: center;line-height: .8rem;box-sizing: content-box;color: #999999;text-align: center;font-size: .24rem;} /*tabls鍒囨崲*/ .tabs{height: .8rem;box-sizing: content-box;border-bottom: 1px solid #eeeeee;} .tabs .tab{width: 33.33%;height: 100%;padding: 0 .3rem;position: relative;} .tabs .tab:not(:last-child):after{content: "";width: 2px;height: .25rem;background: #eeeeee;position: absolute;right: -1px;top: 50%;transform: translateY(-50%);} .tabs .tab a{display: block;width: 100%;height: 100%;line-height: .8rem;text-align: center;font-size: .3rem;color: #666666;} .tabs .tab a{border-bottom: 2px solid #fff} .tabs .tab a.on{border-color: #336699;color: #336699} /*涓婚〉鐑棬鏂伴椈*/ .hot-news{border-bottom: .3rem solid #f4f4f4;} .hot-news .list{padding: 0 .3rem;} .hot-news .list .row{padding: .2rem 0;display: block;} .hot-news .list .row:not(:last-child){border-bottom: 1px solid #eee} .hot-news .list .row h2{font-weight: normal;font-size: .28rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height: .4rem;} .hot-news .list .row .b{color: #999;font-size: .22rem;line-height: 2;padding: .1rem 0;position: relative;padding-bottom: 0;} .hot-news .list .row .b .time{position: absolute;font-size: .22rem;line-height: 2;position: absolute;right: 0;bottom: 0;color: #999;} /*涓婚〉鍏徃绠€浠?/ .hot-info{padding-top: .4rem;} .hot-info .info{padding: .3rem;padding-bottom: 0} .hot-info .info .row{box-shadow: 0 0 .6rem #f1f1f0;padding: .3rem 0;padding-bottom: .25rem} .hot-info .info .row img{display: block;width: 4.68rem;height: 1.43rem;margin: 0 auto;margin-bottom: .25rem;} .hot-info .info .row p{font-size: .24rem;color: #666666;text-indent: .48rem;padding: 0 .2rem;line-height: 2;} /*鍏徃绠€浠嬮〉闈?/ .banner1{height: 1.2rem;margin-bottom: .28rem;} .banner1 .top{height: 100%;width: 100%;} .list{margin-top: .35rem;margin-bottom: .4rem;} .list .list1{height: .6rem;width: 1.85rem;float: left;margin-left: 6.5%;box-shadow: 0 0 .4rem #f1f1f0;background: #336699;} .list .list1 p{height: 100%;text-align: center;line-height: 250%;color: white;font-weight: normal;font-size: .24rem;} .list .list2{height: .6rem;width: 1.85rem;float: left;margin-left: 6.5%;box-shadow: 0 0 .4rem #f1f1f0;} .list .list2 p{height: 100%;text-align: center;line-height: 250%;font-weight: normal;font-size: .24rem;} .list .list2{height: .6rem;width: 1.85rem;float: left;margin-left: 6.5%;box-shadow: 0 0 .4rem #f1f1f0;} .list .list2 p{height: 100%;text-align: center;line-height: 250%;font-weight: normal;font-size: .24rem;} .content{box-shadow: 0 0 .4rem #f1f1f0;} .content {font-size: .24rem;color: #666666;padding: .3rem .2rem;line-height: 1.8} .content img{display: block;max-width: 100%;height: auto;} /*浜哄姏璧勬簮椤甸潰*/ .content1 .table1 {width: 100%;height: auto;border-spacing: .02rem;font-size: .24rem;} .content1 .table1 tr .a{width: 1.8rem;height: .6rem;background: #999999;color: white;text-align:center;} .content1 .table1 tr .b{width: 1.8rem;height: .6rem;background: #999999;color: white;text-align:center;} .content1 .table1 tr .c{width: 2.78rem;height: .6rem;background: #999999;color: white;text-align:center;} .content1 .table1 tr .d{width: .95rem;height: .6rem;background: #999999;color: white;text-align:center;} .content1 .table1 tr .e{width: 1.8rem;height: .6rem;background: #e1e1e1;color: #666666;text-align:center;} .content1 .table1 tr .f{width: 1.8rem;height: .6rem;background: #e1e1e1;color: #666666;text-align:center;} .content1 .table1 tr .g{width: 2.78rem;height: .6rem;background: #e1e1e1;color: #666666;text-align:center;} .content1 .table1 tr .h{width: .95rem;height: .6rem;background: #e1e1e1;color: #666666;text-align:center;} .content1 .recruit {width: auto;height: auto;font-size: .24rem;color: #666666;padding: .13rem .23rem; } .content1 .recruit p{margin: .1rem;} /*鑱旂郴鎴?/ .content2 .news{box-shadow: 0 0 .4rem #f1f1f0;padding: .4rem;margin-bottom: .47rem; } .content2 .news .blue{color: #336699;font-size: .32rem;font-weight: 600;} .content2 .news p{color: #333333;font-size: .24rem;margin-top: .13rem;} /*浜у搧鍒嗙被*/ .content3 {padding: .3rem .2rem;} .content3 .dingwei {position: relative;float: left;width: 50%;height: 3.95rem;margin-bottom: .3rem;} .content3 .dingwei .sort {position: absolute;z-index: 2;width: 3.16rem;height: 3.95rem;border: .05rem solid #336699;left: 50%;margin-left: -1.58rem;background: #fff;} .content3 .dingwei .sort .sort1{box-shadow: 0 0 .6rem #f7f6f5;margin: .15rem;font-size: .28rem;text-align: center;padding: .19rem .1rem;background: #ffffff;overflow: hidden;} .content3 .dingwei .sort .sort1 a{display: block;overflow: hidden;white-space: normal;text-overflow:clip;width: 100%;width: 2.56rem;height: .4rem;line-height: .4rem} .content3 .dingwei .dingwei1{position: absolute;z-index: 1;left: .4rem;top: .21rem; background: #f7f6f5;width: 3.15rem;height: 3.95rem;} /*浜у搧鍒嗙被鍒楄〃*/ .base-title1 {position: relative;text-align: center;} .base-title1 .title1{display: inline-block;padding: 0 .05rem;position: relative;z-index: 1;background: #fff;min-width: 2.3rem;} .base-title1 .title1 h2{font-size: .32rem;font-weight: normal;line-height: 1.1;text-align: center;margin: .35rem .1rem 0 .2rem;} .base-title1 .title1 p{color: #999999;font-size: .2rem;text-align: center;} .base-title1 .line{height: 1px;position: absolute;top: 50%;z-index: 0;width: 100%;background: #f4f4f4;} .jiazai{height: .6rem;width: 2.4rem;box-shadow: 0 0 .4rem #f1f1f0;margin: .46rem auto;text-align: center;line-height: .6rem} /*浜у搧璇︽儏椤?/ .introduce{border-top: .2rem solid #f6f6f6;border-bottom: .2rem solid #f6f6f6;} .introduce .basic{float: left;font-size: .30rem;color: #336699;border-bottom: .01rem solid #336699;padding: .25rem .33rem;margin: 0 .35rem;} .introduce .parameter{float: left;font-size: .30rem;padding: .25rem .33rem;margin: 0 .35rem;position: relative;} .introduce .parameter:not(:last-child):after{content: "";width: 2px;height: .3rem;position: absolute;right:-.35rem;top: 50%;transform: translateY(-50%);background: #eeeeee;} .introduce .line1{width: 100%;border: .01rem solid #eeeeee;} .introduce .basic1{margin: .21rem .3rem;font-size: .28rem;color: #666666;} .introduce .basic1 img{max-width: 100%;height: auto;} .introduce .basic1 p{margin-top: .09rem;} .base-title{margin-top: .16rem;} .base-title1 .title1 .p{margin-top: .17rem;} .bannerpro{height: 5.5rem;} .bannerpro .swiper-container{height: 100%;padding: .3rem 0 .6rem 0} .bannerpro .swiper-container .swiper-slide img{height: 100%;width: auto;display: block;margin: 0 auto} /*鍞悗鏈嶅姟鍗曢〉*/ .content4{padding: .5rem .3rem;font-size: .26rem;color: #333333;box-shadow: 0 0 .6rem #f1f1f0;margin-top: .3rem;} .content4 p{margin-top: .2rem;} .content4 .foot{margin: 1.6rem .8rem;} /*鏂伴椈涓績*/ .content5 {box-shadow: 0 0 .6rem #f1f1f0;} .content5 {border-top: .2rem solid #f6f6f6;border-bottom: .2rem solid #f6f6f6;} .content5 .basic{float: left;font-size: .3rem;color: #336699;border-bottom: .01rem solid #336699; padding: .25rem .33rem;margin: 0 .35rem;position: relative;} .content5 .parameter{float: left;font-size: .30rem;padding: .25rem .30rem;margin: 0 .35rem;position: relative;display: block;} .content5 .parameter:not(:last-child):after{content:"";width: .02rem;height: .3rem;background: #eeeeee;position: absolute;top: 50%;transform: translateY(-50%);right: -.35rem;} .content5 .case{float: left;font-size: .30rem;padding: .25rem .33rem;;} .content5 .cf{border-bottom: 1px solid #eeeeee;} .content5 .news{position: relative;padding: 0 .2rem} .content5 .news a .a{font-size: .28rem;font-weight: 600;padding-top: .2rem} .content5 .news a .b{font-size: .22rem;color: #b3b3b3;padding-bottom: .2rem;position: relative;line-height: 2;border-bottom: 1px solid #eeeeee;} .content5 .news a .c{font-size: .22rem;color: #b3b3b3;position: absolute;bottom:.2rem;right: .2rem;line-height:2} /*鏂伴椈璇︽儏椤?/ .content6 .head .head1{font-size: .3rem;color: #336699;text-align: center;} .content6 .head .head2{font-size: .18rem;color: #b6b6b6;text-align: center;margin-top: .25rem;margin-bottom: .3rem;} .content6 .line1{width: 100%;border-bottom: 1px solid #eeeeee;height: 1px;} .content6 .a{padding: .57rem .17rem 0 .35rem;font-size: .26rem;color: #7f7f7f;} .content6 .foot{font-size: .22rem;padding: .25rem 0;} .content6 .foot p:not(:last-child){margin-bottom: .25rem;} .content6 .foot p a{color: #999;font-size: .22rem} .content6 {padding: 0.3rem} .content6 img{max-width: 100%;height: auto;display: block;margin: 0 auto;} .content6.con{line-height: 2;font-size: .24rem;} .gotop{display: none;width: .95rem; height:.95rem; box-sizing: border-box; border: 1px solid #ddd; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .12); position: fixed; right: 3%; bottom: 20%;background: url(../img/top.png)no-repeat center center;background-size: 100% 100%;border-radius: 50%;overflow: hidden;z-index: 999;}