@charset "utf-8";

@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}

*{box-sizing:border-box;color:#222;line-height: 1.5;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:"PingFang SC", "PingFang TC",'PingFangMedium',"microsoft yahei";}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;font-family: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{margin:0 auto;max-width: 1280px;width: 94%;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}	
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #f7f7f7;overflow-x: hidden;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}
/* body{max-width: 1920px;width: 100%;margin:0 auto;} */

/* ::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;} */





/* 公共部分 */
.head{position: sticky;width: 100%;left: 0;top: 0;z-index:100;height: 100px;background-color: #fff;border-bottom:1px solid #efefef;}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;position: relative;}

.hd-logo .img{height: 80px;width: auto;}



.hd-nav li{display: inline-block;vertical-align: middle;position: relative;}
.hd-nav li>a{display: block;font-size: 16px;color:#000;line-height: 100px;position: relative;margin:0 25px;}
.hd-nav li>a::after{content:'';position: absolute;left: 50%;bottom: 0;height: 5px;background-color: #00a2eb;width: 0;transition: all 0.3s;border-radius:3px}
.hd-nav li:hover>a,.hd-nav li.cur>a{color:#1A324E;}
.hd-nav li:hover>a::after,.hd-nav li.cur>a::after{width: 100%;left: 0;}



.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: translate(-50%,0) scaleY(1);}
.hd-nav .drop{position: absolute;left:50%;transform:translate(-50%,0) scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;width: 140px;box-shadow:0 0 8px rgba(16,46,125,.08);background-color: #fff;}
.hd-nav .drop .lk{display: block;font-size: 15px;padding:12px 0;line-height: 22px;border-bottom:1px solid #efefef;text-align: center;}
.hd-nav .drop .lk:hover { color: #00a2ea}
.hd-nav .drop .lk:last-child{border-bottom:0;}

.hd-nav .product{position: static;}
.hd-nav .product .drop{width: 100%;border-top:2px solid #00a2ea;box-shadow:none;}
.hd-nav .product .box{display: flex;padding:30px 0;}
.hd-nav .product .col{width: 25%;padding:0 25px 0 50px;position: relative;}
.hd-nav .product .col::after{content:'';position: absolute;right: 0;top: 50px;bottom: 0;width: 1px;background-color: #eeeeee;}
.hd-nav .product .tit{font-size: 20px;color:#333333;font-weight: bold;margin-bottom: 15px;display: block;}
.hd-nav .product .lks{}
.hd-nav .product .lks a{line-height: 1.6;display: block;margin-bottom: 8px;}
.hd-nav .product .wz{font-size: 15px;color: #111;}
.hd-nav .product .smwz{font-size: 15px;color:#666;}
.hd-nav .product .smwz:before{content:'>';margin-right: 3px;}
.hd-nav .product .lks a:hover{color:#00a2ea;}



.hd-sear .icon{width: 32px;height: 32px;background:url(../images/icon_01-1.png) no-repeat center;background-size:contain;display: none;}
.hd-sear .form{background-color: #f3f3f3;width: 280px;border-radius:22px;overflow: hidden;display: flex;}
.hd-sear .ipt-txt{background-color: #f3f3f3;font-size: 14px;padding:0 25px;line-height: 45px;}
.hd-sear .submit{width: 75px;height: 45px;border:0;background:url(../images/icon_01.png) no-repeat center #2e5fab;background-size:20px;cursor: pointer;}



.ft-t{padding:60px 0 25px;background-color: #1b2027;}
.ft-t .wrap{display: flex;justify-content: space-between;}
.ft-t .col{width: 18%;}
.ft-t .tit{font-size: 20px;color:#fff;padding:0 0 20px;border-bottom:1px solid #2b3441;margin-bottom: 35px;}
.ft-t .lks{}
.ft-t .lks li{font-size: 16px;color:#fff;line-height: 2.2;}
.ft-t .lks li>a:before{content:'>';margin-right: 14px;font-size: 15px;display: inline-block;vertical-align: middle;margin-top:-4px;}
.ft-t .lks li>a:hover{color:#2e5fab;}
.ft-t .wx{margin-top: 10px;width: 90%;max-width: 137px;}
.ft-t .wx .pic{display: block;width: 100%;}
.ft-t .wx .font{font-size: 14px;color:#fff;text-align: center;margin-top: 5px;}


.ft-b{background-color: #151a21;padding:20px 0;}
.ft-b .txt{font-size: 14px;color:#fff;line-height: 1.4;text-align: center;}




/* 联系我们 */
.inner-ban{height: 300px;position: relative;}
.inner-ban .box{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);text-align: center;}
.inner-ban .title{font-size: 30px;color:#fff;}
.inner-ban .txt{font-size: 18px;color:#fff;margin-top: 8px;}


.crumb{font-size: 14px;color:#666666;height: 50px;line-height: 50px;}
.crumb *{font-size: inherit;color:inherit;}
.crumb a:hover{color:#2e5fab;}

.main{padding:0 0 40px;}
.main .wrap{display: flex;align-items: flex-start;}
.main-l{width: 245px;margin-right: 30px;}
.main-r{flex:1;overflow: hidden;}

.side-mod{margin-bottom: 30px;background-color: #fff;}
.side-mod .titbox{text-align: center;padding:20px 0;background-color: #2e5fab;}
.side-mod .titbox .bt{font-size: 28px;color:#fff;font-weight: bold;line-height: 1;}
.side-mod .titbox .x{width: 36px;height: 5px;background-color: #fff;display: block;margin:12px auto 0;}

.side-mod .list{}
.side-mod .list li{border-top:3px solid #f7f7f7;}
.side-mod .list li a{display: block;font-size: 16px;color:#222222;line-height: 24px;padding:15px 15px;}
.side-mod .list li a:before{content:'';display: inline-block;width: 5px;height: 16px;background-color: #555555;border-radius:3px;margin-right: 9px;vertical-align: middle;margin-top:-2px;}

.side-mod .list li.cur{background-color: #00a2eb;}
.side-mod .list li.cur a{color:#fff;}
.side-mod .list li.cur a:before{background-color: #fff;}


.lx-sec{}
.lx-sec .title{font-size: 24px;}
.lx-sec .txt{font-size: 16px;color:#222222;line-height: 2.2;margin-top: 30px;}
.lx-sec .map{height: 660px;margin-top: 55px;}

.BMap_shadow img,.BMapLabel{display: none!important;}


/* 新闻资讯 */
.section{background-color: #fff;padding:55px 35px;}

.xw-list{}
.xw-list .item{padding:40px 0;border-bottom:1px solid #e5e5e5;display: flex;align-items: center;}
.xw-list .imgbox{width: 210px;height: 145px;margin-right: 30px;}
.xw-list .info{flex:1;overflow: hidden;}
.xw-list .title{font-size: 18px;-webkit-line-clamp: 1;}
.xw-list .date{font-size: 14px;color:#999999;margin-top: 8px;}
.xw-list .txt{font-size: 14px;color:#666666;-webkit-line-clamp: 2;margin-top: 12px;}
.xw-list .item:hover .title{color:#2e5fab;}
.xw-list .item:first-child{padding-top: 0;}


.pagination{text-align: center;margin-top: 50px;font-size: 0;}
.pagination li{display: inline-block;vertical-align: middle;margin:0 4px;border-radius:6px;}
.pagination li span,.pagination li a{font-size: 16px;color:#333;min-width: 38px;height: 38px;line-height:38px;border:1px solid #e5e5e5;display: block;transition: all 0s;padding:0 10px;}
.pagination li.active a,.pagination li.active span,.pagination li a:hover,.pagination li span:hover{color:#2e5fab;border-color:#2e5fab;}

/* 新闻详情 */
.xw-det{}
.xw-det .top{text-align: center;padding:0 0 25px;border-bottom:1px solid #e5e5e5;}
.xw-det .title{font-size: 24px;}
.xw-det .date{font-size: 14px;color:#999999;margin-top: 8px;}
.xw-det .edit{font-size: 14px;color:#333;line-height: 1.8;margin-top: 30px;}

.pagenav{display: flex;justify-content: space-between;margin-top: 45px;}
.pagenav .lk{font-size: 14px;color:#333333;max-width: 46%;display: inline-block;vertical-align: middle;line-height: 1.8;}
.pagenav .lk:hover{color:#2e5fab;}


/* 关于我们 */
.us-honor{display: flex;flex-wrap: wrap;margin:-3% 0 0 -3%;}
.us-honor .item{border:1px solid #e5e5e5;width: 30.3%;margin:3% 0 0 3%;}
.us-honor .imgbox{height: 210px;display: flex;align-items: center;justify-content: center;}
.us-honor .pic{width: 100%;height: 100%;object-fit: contain;}
.us-honor .info{height: 60px;display: flex;align-items: center;justify-content: center;border-top:1px solid #e5e5e5;}
.us-honor .title{font-size: 16px;text-align: center;line-height: 1.4;}


/* 技术服务 */
.fw-sec{}
.fw-sec .bt{margin-bottom: 45px;border-bottom:1px solid #2e5fab;font-size: 0;}
.fw-sec .bt span{display: inline-block;vertical-align: middle;position: relative;font-size: 24px;color:#2e5fab;line-height: 1.8;padding-bottom: 5px;}
.fw-sec .bt span::after{content:'';position: absolute;left: 0;bottom: 0;height: 4px;background-color: #2e5fab;width: 100%;}
.fw-sec .mod{margin-bottom: 35px;}
.fw-sec .smtit{font-size: 18px;margin-bottom: 7px;}
.fw-sec .txt{font-size: 16px;color:#333;line-height: 1.8;}

.fw-sec .table th,.fw-sec .table td{font-size: 14px;padding:18px 5px;text-align: center;font-weight: normal;line-height: 1.7;border:1px solid #efefef;}
.fw-sec .table th{background-color: #2e5fab;color:#fff;}
.fw-sec .table td{color:#666;}


/* 产品列表 */
.cp-list{}
.cp-list .item{border:1px solid #e5e5e5;margin-bottom: 25px;padding:20px 25px;display: flex;align-items: flex-start;}
.cp-list .item:last-child{margin-bottom: 0;}
.cp-list .info{flex:1;overflow: hidden;}
.cp-list .tt{padding:0 0 13px;border-bottom:1px solid #e5e5e5;}
.cp-list .title{font-size: 18px;font-weight: bold;-webkit-line-clamp: 1;}
.cp-list .smtit{font-size: 16px;color:#6b7280;margin-top: 9px;-webkit-line-clamp: 1;}
.cp-list .bb{margin-top: 12px;}
.cp-list .fenl{font-size: 14px;color:#999;}
.cp-list .grps{display: flex;flex-wrap: wrap;justify-content: space-between;padding:10px 0 0;}
.cp-list .grps .grp{margin-top: 8px;font-size: 14px;}
.cp-list .grps .grp:nth-child(odd){min-width: 60%;}
.cp-list .grps .grp:nth-child(even){min-width: 38%;}
.cp-list .grps .fz{min-width: 95px;font-weight: bold;color:#444;display: inline-block;vertical-align: middle;}
.cp-list .grps .wz{color:#888;}
.cp-list .item:hover .title{color:#2e5fab;}

.cp-list .slide{width: 225px;padding:35px 0;background-color: #f9fafb;position: relative;}
.cp-list .slide .imgbox{height: 150px;display: block;overflow: hidden;}
.cp-list .swiper-container{position: static;}
.cp-list .swiper-pagination{bottom: 10px;font-size: 0;height: auto;}
.cp-list .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #c7c8c8;opacity: 1;}
.cp-list .swiper-pagination-bullet-active{background-color: #007aff;}


/* 产品详情 */
.cp-top{display: flex;justify-content: space-between;flex-wrap: wrap;padding:0 0 55px;}
.cp-top .slide{width: 50%;position: relative;}
.cp-top .swiper1{position: relative;padding:0 30px;margin-top: 15px;}
.cp-top .swiper1 .item{display: flex;align-items: center;justify-content: center;height: 70px;border:2px solid transparent;position: relative;border-radius:10px;overflow: hidden;}
.cp-top .swiper1 .item .img{max-width: 100%;max-height: 100%;object-fit: contain;}
.cp-top .swiper1 .swiper-slide-thumb-active .item{border-color:#e50012;}

.cp-top .swiper2{}
.cp-top .swiper2 .item{display: flex;align-items: center;justify-content: center;height: 350px;}
.cp-top .swiper2 .item .img{max-width: 96%;max-height: 96%;object-fit: contain;}
.cp-top .swiper-container{position: static;padding-right: 1px;}


.cp-top .swiper-button{width: 28px;height: 28px;background-size:8px;border-radius:50%;margin-top: 0;background-color: #d4d4d4;top:auto;bottom: 26px;}
.cp-top .swiper-button-prev{left: -8px;}
.cp-top .swiper-button-next{right: -8px;}
.cp-top .swiper-button:hover{background-color: #e50012;}


.cp-top .info{width: 43%;}
.cp-top .title{font-size: 24px;color:#333;font-weight: bold;line-height: 1.4;}
.cp-top .row{margin-top: 17px;display: flex;flex-wrap: wrap;font-size: 15px;color:#666;}
.cp-top .fz{margin-right: 7px;}
.cp-top .txt{flex:1;overflow: hidden;}
.cp-top .radio{display: inline-block;vertical-align: middle;margin-right: 25px;}
.cp-top .radio:last-child{margin-right: 0;}
.cp-top .radio input{appearance: none;-webkit-appearance: none;width: 16px;height: 16px;border:1px solid #ddd;margin-right: 5px;border-radius:50%;display: inline-block;vertical-align: middle;margin-top:-2px;}
.cp-top .radio input:checked{background:url(../images/icon_02.png) no-repeat center;background-size:contain;border:0;}


.cp-top .bot{display: flex;align-items: center;justify-content: space-between;padding:20px 0 0;border-top:1px solid #e5e5e5;margin-top: 35px;}
.cp-top .price{font-size: 15px;color:#666;display: flex;align-items: center;}
.cp-top .price span{font-size: 22px;color:#e50012;font-weight: bold;}
.cp-top .anniu{ text-align: center; font-size: 16px;color:#fff;width: 135px;line-height: 40px;height: 40px;background-color: #e50012;border:0;cursor: pointer;}
.cp-top .anniu:hover{background-color: #2e5fab;}


.cp-mod{margin-bottom: 25px;}
.cp-mod .t-tit{font-size: 18px;font-weight: bold;text-align: center;background-color: #f0f0f0;line-height: 40px;border-radius:8px 8px 0 0;border:1px solid #e5e5e5;border-bottom:0;}
.cp-mod .detail{padding:16px 25px;border:1px solid #e5e5e5;}
.cp-mod .desc{font-size: 15px;color:#666;line-height: 1.6;}


.cp-mod table{}
.cp-mod table td{font-size: 15px;color:#666;padding:5px 10px 5px 20px;line-height: 1.4;border:1px solid #e5e5e5;}

.cp-mod .piclist{display: flex;flex-wrap: wrap;margin-left: -3%;}
.cp-mod .piclist .item{width: 30.3%;margin:0 0 3% 3%;}
.cp-mod .piclist .imgbox{height: 300px;display: flex;align-items: center;justify-content: center;}
.cp-mod .piclist .pic{width: 100%;height: 100%;object-fit: contain;}
.cp-mod .piclist .txt{font-size: 15px;color:#666;margin-top: 15px;line-height: 1.6;}

/* index */
.idx-ban .item{height: 500px;}
.idx-ban .swiper-pagination{bottom: 25px;font-size: 0;}
.idx-ban .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #fff;opacity: 1;margin:0 8px!important;}
.idx-ban .swiper-pagination-bullet-active{background-color: #007aff;}



.idx-tt{margin-bottom: 40px;position: relative;padding-right: 150px;}
.idx-tt .bt{font-size: 30px;line-height: 1.2;}
.idx-tt .smwz{font-size: 18px;color:#999999;margin-top: 10px;}
.idx-tt .readmore{font-size: 16px;color:#666666;line-height: 36px;width:120px;border:1px solid #666666;border-radius:18px;position: absolute;right: 0;bottom: 0;display: block;text-align: center;}
.idx-tt .readmore:hover{background-color: #2e5fab;color:#fff;border-color:#2e5fab;}

.idx-cp{padding:65px 0;background-color: #fff;}
.idx-cp .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.idx-cp .list .item{width: 23%;margin:0 0 2% 2%;}
.idx-cp .list .imgbox{height: 300px;}
.idx-cp .list .title{border:1px solid #e8e8e8;border-top:0;font-size: 16px;color:#333333;line-height: 55px;-webkit-line-clamp: 1;text-align: center;}
.idx-cp .list .item:hover .title{color:#fff;background-color: #2e5fab;border-color:#2e5fab;}


.idx-fw{padding:85px 0;background-color: #f7f7f7;}
.idx-fw .item{position: relative;height: 360px;background-color: #fff;border:1px solid #e8e8e8;display: block;}
.idx-fw .item .box{position: absolute;width: 100%;left: 0;top: 0;bottom: 0;padding:45px 20px;z-index:5;}
.idx-fw .item .title{font-size: 24px;margin-bottom: 16px;-webkit-line-clamp: 1;}
.idx-fw .item .txt{font-size: 16px;color:#999999;line-height: 36px;-webkit-line-clamp: 4;height: 144px;margin-bottom: 25px;}
.idx-fw .item .moreicon{width: 38px;height: 38px;background:url(../images/idx_06.png) no-repeat center;background-size:contain;display: block;}
.idx-fw .item .more{font-size: 14px;color:#2e5fab;width: 122px;line-height: 38px;background-color: #fff;border-radius:19px;display: none;text-align: center;}
.idx-fw .item .img{display: none;}

.idx-fw .list .item.cur{width: 32.5%;}
.idx-fw .item.cur .img{display: block;}
.idx-fw .item.cur .title,.idx-fw .item.cur .txt{color:#fff;}
.idx-fw .item.cur .moreicon{display: none;}
.idx-fw .item.cur .more{display: block;}

.idx-fw .list{display: flex;overflow: hidden;}
.idx-fw .list .item{width: 21%;margin-right: 1.5%;}
.idx-fw .list .item:last-child{margin-right: 0;}


.sj-show{display: none;}



.idx-xw{padding:65px 0 50px;background-color: #fff;}
.idx-xw .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.idx-xw .list .item{border:1px solid #e8e8e8;width: 49%;margin-bottom: 2%;}
.idx-xw .list .box{padding:25px 20px;display: flex;}
.idx-xw .list .imgbox{width: 200px;height: 145px;margin-right: 15px;}
.idx-xw .list .info{flex:1;overflow: hidden;}
.idx-xw .list .title{font-size: 18px;margin-top: 5px;-webkit-line-clamp: 2;line-height: 1.4;}
.idx-xw .list .date{font-size: 14px;color:#999999;margin-top: 7px;}
.idx-xw .list .txt{font-size: 14px;color:#999999;line-height: 1.5;-webkit-line-clamp: 3;margin-top: 8px;}
.idx-xw .list .item:hover{border-color:#2e5fab;}
.idx-xw .list .item:hover .title{color:#2e5fab;}



@media screen and (min-width:992px) and (max-width:1199px){
	.auto{width: 92%;}
	
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 38px;height: 38px;margin-top: -19px;display: flex;align-items: center;justify-content: center;background:url(../images/menu.png) no-repeat center;background-size:contain;}
	.sj-menu.close{background:url(../images/close.png) no-repeat center;background-size:36px;}
	
	.head{box-shadow:none;border-bottom:1px solid #efefef;height: 90px;}
	
	.hd-logo .img{height: 70px;}
	
	.hd-sear{margin-right: 45px;position: relative;}
	.hd-sear .icon{display: block;}
	.hd-sear .drop{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.85);z-index:110;}
	.hd-sear .form{width: 80%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 700px;border-radius: 32px;}
	.hd-sear .ipt-txt{line-height: 55px;font-size: 16px;}
	.hd-sear .submit{height: 55px;background-size: 28px;}
	.hd-sear .close{width: 40px;height: 40px;background:url(../images/close2.png) no-repeat center;background-size:40px;position: absolute;right: 2%;top: 30px;}
	
	
	.hd-nav{position: fixed;width: 100%;left: 0;top: 90px;bottom: 0;overflow-y: scroll;background-color: #fff;display: none;overflow-x: hidden;margin: 0;}
	.hd-nav li{display: block;margin: 0;position: relative!important;padding: 0;border-bottom:1px solid #e5e5e5;}
	.hd-nav li>a{margin:0;padding:0 4%;line-height: 80px;font-size: 18px;}
	.hd-nav li>a::after{display: none;}
	
	.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}
	
	
	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;background:url(../images/icon_03.png) no-repeat center;background-size:24px;}
	.hd-nav .arrow.this{background-image:url(../images/icon_03-1.png)}
	
	
	
	
	.hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;background-color: transparent;padding: 0 0 0 4%;width: 100%!important;display: none;box-shadow:none;border-top:1px solid #e5e5e5!important;}
	.hd-nav .drop .lk{font-size: 16px;text-align: left;line-height: 40px;padding-left: 15px;}
	.hd-nav .drop .lk:before{content:'>';margin-right: 8px;}
	
	.hd-nav .product .box{display: block;padding: 0;}
	.hd-nav .product .col{width: 100%;padding: 0;}
	.hd-nav .product .lks{display: none;}
	.hd-nav .product .tit{font-size: 16px;line-height: 40px;font-weight: normal;border-bottom:1px solid #efefef;margin: 0;padding:12px 0 12px 15px;}
	.hd-nav .product .tit:before{content:'>';margin-right: 8px;}
	.hd-nav .product .col:last-child .tit{border:0;}
	
	
	

	.ft-t .lks li{font-size: 15px;}
	.ft-t .lks li>a:before{margin-right: 8px;}
	
	
	/* index */
	.idx-ban .item{height: 400px;}
	
	.idx-fw .item .title{font-size: 22px;}
	
	.idx-xw .list .title{margin-top: 0;}
	
	
	/* 产品列表 */
	.main .wrap{display: block;}
	.main-l{width: 100%;margin:10px 0 20px;}
	.side-mod{display: none;background:transparent;margin: 0;}
	.side-mod:first-child{display: block;}
	.side-mod .titbox{display: none;}
	
	.side-mod .list{display: block;white-space: nowrap;overflow-x: scroll;font-size: 0;text-align: center;}
	.side-mod .list li{border:1px solid #f7f7f7;background-color: #fff;margin:0 10px 0 0;text-align: center;display: inline-block;vertical-align: middle;}
	.side-mod .list li a{padding:0 25px;min-width: 120px;line-height: 50px;display: block;}
	.side-mod .list li a:before{display: none;}
	.side-mod .list li:last-child{margin-right: 0;}
	
	.section{padding:35px 35px;}
	
	
	
	
}


@media screen and (min-width:768px) and (max-width:991px){
	.auto{width: 92%;}
	
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 36px;height: 36px;margin-top: -18px;display: flex;align-items: center;justify-content: center;background:url(../images/menu.png) no-repeat center;background-size:contain;}
	.sj-menu.close{background:url(../images/close.png) no-repeat center;background-size:30px;}
	
	
	.head{box-shadow:none;border-bottom:1px solid #efefef;height: 90px;}
	
	.hd-logo .img{height: 65px;}
	
	.hd-sear{margin-right: 45px;position: relative;}
	.hd-sear .icon{display: block;}
	.hd-sear .drop{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.85);z-index:110;}
	.hd-sear .form{width: 80%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 700px;border-radius: 32px;}
	.hd-sear .ipt-txt{line-height: 55px;font-size: 16px;}
	.hd-sear .submit{height: 55px;background-size: 28px;}
	.hd-sear .close{width: 40px;height: 40px;background:url(../images/close2.png) no-repeat center;background-size:40px;position: absolute;right: 2%;top: 30px;}
	
	
	.hd-nav{position: fixed;width: 100%;left: 0;top: 90px;bottom: 0;overflow-y: scroll;background-color: #fff;display: none;overflow-x: hidden;margin: 0;}
	.hd-nav li{display: block;margin: 0;position: relative!important;padding: 0;border-bottom:1px solid #e5e5e5;}
	.hd-nav li>a{margin:0;padding:0 4%;line-height: 70px;font-size: 18px;}
	.hd-nav li>a::after{display: none;}
	
	.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}
	
	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;background:url(../images/icon_03.png) no-repeat center;background-size:24px;}
	.hd-nav .arrow.this{background-image:url(../images/icon_03-1.png)}
	
	.hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;background-color: transparent;padding: 0 0 0 4%;width: 100%!important;display: none;box-shadow:none;border-top:1px solid #e5e5e5!important;}
	.hd-nav .drop .lk{font-size: 16px;text-align: left;line-height: 40px;padding-left: 15px;}
	.hd-nav .drop .lk:before{content:'>';margin-right: 8px;}
	
	.hd-nav .product .box{display: block;padding: 0;}
	.hd-nav .product .col{width: 100%;padding: 0;}
	.hd-nav .product .lks{display: none;}
	.hd-nav .product .tit{font-size: 16px;line-height: 40px;font-weight: normal;border-bottom:1px solid #efefef;margin: 0;padding:12px 0 12px 15px;}
	.hd-nav .product .tit:before{content:'>';margin-right: 8px;}
	.hd-nav .product .col:last-child .tit{border:0;}
	
	
	
	.ft-t{padding:40px 0 25px;}
	.ft-t .wrap{display: block;}
	.ft-t .col{display: none;width: 100%;}
	.ft-t .col5{display: block;}
	.ft-t .tit{margin-bottom: 15px;font-size: 18px;padding-bottom: 15px;}
	.ft-t .lks li{font-size: 15px;line-height: 2;}
	.ft-t .wx{margin:20px auto 0;}

	
	/* index */
	.idx-ban .item{height: 300px;}
	.idx-ban .swiper-pagination-bullet{width: 10px;height: 10px;margin:0 3px;}
	
	
	.idx-tt{margin-bottom: 40px;}
	.idx-tt .bt{font-size: 28px;}
	.idx-tt .smwz{font-size: 15px;}
	.idx-tt .readmore{font-size: 14px;width: 100px;line-height: 32px;}
	
	.idx-cp .list{justify-content: space-between;margin: 0;}
	.idx-cp .list .item{width: 48%;margin:0 0 4%;}
	
	
	
	.idx-fw{padding:80px 0;}
	.idx-fw .item .title{font-size: 20px;-webkit-line-clamp: 2;}
	
	.idx-fw .swiper-pagination{position: static;margin-top: 25px;font-size: 0;}
	.idx-fw .swiper-pagination-bullet{width: 10px;height: 10px;margin:0 3px;background-color: #92abd1;opacity: 1;}
	.idx-fw .swiper-pagination-bullet-active{background-color: #2e5fab;}
	
	
	.idx-xw .list .item{width: 100%;}
	.idx-xw .list .box{align-items: center;}
	.idx-xw .list .imgbox{margin-right: 25px;}
	.idx-xw .list .title{margin-top: 0;}
	
	
	
	/* 产品列表 */
	.section{padding:20px 20px 40px;}
	
	.main{padding:0;}
	.main .wrap{display: block;width: 100%;}
	.main-l{width: 100%;margin:20px 0 20px;padding:0 4%;}
	.side-mod{display: none;background:transparent;margin: 0;}
	.side-mod:first-child{display: block;}
	.side-mod .titbox{display: none;}
	
	.side-mod .list{display: block;white-space: nowrap;overflow-x: scroll;font-size: 0;text-align: center;width: 104%;}
	.side-mod .list li{border:1px solid #f7f7f7;background-color: #fff;margin:0 10px 0 0;text-align: center;display: inline-block;vertical-align: middle;}
	.side-mod .list li a{padding:0 25px;min-width: 120px;line-height: 50px;display: block;}
	.side-mod .list li a:before{display: none;}
	.side-mod .list li:last-child{margin-right: 0;}
	
	.cp-list .item{padding:20px 18px;}
	.cp-list .smtit{font-size: 15px;}
	.cp-list .grps .grp{width: 100%!important;margin-top: 4px;}
	
	.pagination{margin-top: 40px;}
	.pagination li span, .pagination li a{font-size: 14px;min-width: 34px;height: 34px;line-height: 34px;padding:0 8px;}
	
	
	/* 产品详情 */
	.cp-top{display: block;}
	.cp-top .slide{width: 100%;}
	.cp-top .info{width: 100%;margin-top: 25px;}
	
	
	/* 技术服务 */
	.section{padding:35px 4% 50px;}
	
	.fw-sec .bt{margin-bottom: 25px;}
	.fw-sec .bt span{font-size: 22px;}
	.fw-sec .bt span::after{height: 2px;}
	
	
	/* 联系我们 */
	.lx-sec .txt{margin-top: 20px;}
	.lx-sec .map{height: 450px;margin-top: 35px;}
	
	/* 新闻详情 */
	.xw-det .title{font-size: 22px;}
	
	
	
	
	
	
	
	
	
	
}


@media screen and (min-width:320px) and (max-width:767px){
	.auto{width: 90%;}
	
	.sj-show{display: block;}
	.pc-show{display: none;}
	
	.sj-menu{position:absolute;right: 4%;top: 50%;width: 36px;height: 36px;margin-top: -18px;display: flex;align-items: center;justify-content: center;background:url(../images/menu.png) no-repeat center;background-size:32px;}
	.sj-menu.close{background:url(../images/close.png) no-repeat center;background-size:28px;}
	
	
	.head{box-shadow:none;border-bottom:1px solid #efefef;height: 65px;}
	
	.hd-logo .img{height: 50px;}
	
	.hd-sear{margin-right: 50px;position: relative;}
	.hd-sear .icon{display: block;background-size: 26px;}
	.hd-sear .drop{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.85);z-index:110;}
	.hd-sear .form{width: 90%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 700px;border-radius: 32px;}
	.hd-sear .ipt-txt{line-height: 50px;font-size: 15px;}
	.hd-sear .submit{height: 50px;background-size: 28px;width: 65px;}
	.hd-sear .close{width: 36px;height: 36px;background:url(../images/close2.png) no-repeat center;background-size:30px;position: absolute;right: 4%;top: 15px;}
	
	
	.hd-nav{position: fixed;width: 100%;left: 0;top: 65px;bottom: 0;overflow-y: scroll;background-color: #fff;display: none;overflow-x: hidden;margin: 0;}
	.hd-nav li{display: block;margin: 0;position: relative!important;padding: 0;border-bottom:1px solid #e5e5e5;}
	.hd-nav li>a{margin:0;padding:0 4%;line-height: 60px;font-size: 16px;}
	.hd-nav li>a::after{display: none;}
	
	.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}
	
	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background:url(../images/icon_03.png) no-repeat center;background-size:18px;}
	.hd-nav .arrow.this{background-image:url(../images/icon_03-1.png)}
	
	.hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;background-color: transparent;padding: 0 0 0 4%;width: 100%!important;display: none;box-shadow:none;border-top:1px solid #e5e5e5!important;}
	.hd-nav .drop .lk{font-size: 15px;text-align: left;line-height: 32px;padding-left: 10px;}
	.hd-nav .drop .lk:before{content:'>';margin-right: 8px;}
	
	.hd-nav .product .box{display: block;padding: 0;}
	.hd-nav .product .col{width: 100%;padding: 0;}
	.hd-nav .product .lks{display: none;}
	.hd-nav .product .tit{font-size: 15px;line-height: 32px;font-weight: normal;border-bottom:1px solid #efefef;margin: 0;padding:12px 0 12px 10px;}
	.hd-nav .product .tit:before{content:'>';margin-right: 8px;}
	.hd-nav .product .col:last-child .tit{border:0;}
	
	
	
	
	
	
	.ft-t{padding:40px 0 25px;}
	.ft-t .wrap{display: block;}
	.ft-t .col{display: none;width: 100%;}
	.ft-t .col5{display: block;}
	.ft-t .tit{margin-bottom: 15px;font-size: 17px;padding-bottom: 12px;}
	.ft-t .lks li{font-size: 14px;line-height: 2;}
	.ft-t .wx{margin:20px auto 0;max-width: 120px;}
	.ft-t .wx .font{font-size: 12px;}
	.ft-b .txt{font-size: 13px;line-height: 1.6;}
	.ft-b .txt a{display: block;}
	
	
	/* index */
	.idx-ban .item{height: 200px;}
	.idx-ban .swiper-pagination{bottom: 15px;}
	.idx-ban .swiper-pagination-bullet{width: 8px;height: 8px;margin:0 5px!important;}
	
	
	.idx-tt{margin-bottom: 25px;padding-right: 0;}
	.idx-tt .bt{font-size: 22px;}
	.idx-tt .smwz{font-size: 14px;}
	.idx-tt .readmore{font-size: 13px;width: 86px;line-height: 28px;bottom:auto;top: 0;}
	
	
	.idx-cp{padding:50px 0;}
	.idx-cp .list{justify-content: space-between;margin: 0;}
	.idx-cp .list .item{width: 48%;margin:0 0 4%;}
	.idx-cp .list .imgbox{height: 200px;}
	.idx-cp .list .title{font-size: 14px;line-height: 45px;}
	
	
	.idx-fw{padding:50px 0;}
	.idx-fw .item{height: 320px;}
	.idx-fw .item .box{padding:35px 30px;}
	.idx-fw .item .title{font-size: 20px;}
	.idx-fw .item .txt{font-size: 14px;line-height: 28px;-webkit-line-clamp: 5;height: 140px;margin-bottom: 15px;}
	.idx-fw .item .more{width: 105px;line-height: 34px;}
	
	.idx-fw .swiper-pagination{position: static;margin-top: 25px;font-size: 0;}
	.idx-fw .swiper-pagination-bullet{width: 10px;height: 10px;margin:0 3px;background-color: #92abd1;opacity: 1;}
	.idx-fw .swiper-pagination-bullet-active{background-color: #2e5fab;}
	
	
	.idx-xw{padding:50px 0;}
	.idx-xw .list .item{width: 100%;}
	.idx-xw .list .box{align-items: center;padding: 10px;}
	.idx-xw .list .imgbox{width: 110px;height: 90px;}
	.idx-xw .list .title{margin-top: 0;-webkit-line-clamp: 1;font-size: 15px;}
	.idx-xw .list .date{font-size: 12px;}
	.idx-xw .list .txt{font-size: 12px;-webkit-line-clamp: 2;margin-top: 5px;}
	
	
	
	/* 产品列表 */
	.inner-ban{height: 160px;}
	.inner-ban .title{font-size: 23px;}
	.inner-ban .txt{font-size: 14px;margin-top: 5px;}
	
	.crumb{font-size: 13px;height: 44px;line-height: 44px;}
	.crumb>div{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	
	.section{padding:20px 20px 50px;}
	
	.main{padding:0;}
	.main .wrap{display: block;}
	.main .auto{width: 100%;}
	.main-l{width: 100%;margin:0;padding:5px 4% 4%;background-color: #f7f7f7;}
	
	
	.cp-list .item{padding:0;flex-direction: column-reverse;margin-bottom: 4%;}
	.cp-list .info{padding:15px 15px;}
	.cp-list .title{font-size: 16px;-webkit-line-clamp: 2;}
	.cp-list .smtit{font-size: 14px;margin-top: 6px;}
	.cp-list .tt{border:0;padding: 0;}
	.cp-list .bb{display: none;}
	
	.cp-list .slide{width: 100%;padding: 0;}
	.cp-list .slide .imgbox{height: 200px;}
	.cp-list .slide .imgbox .img{object-fit: contain!important;}
	
	
	.pagination{margin-top: 35px;}
	.pagination li span, .pagination li a{font-size: 13px;min-width: 30px;height: 30px;line-height: 28px;padding:0 8px;}
	
	
	.side-sj{background-color: #fff;padding:15px 20px 20px;}
	.side-sj .bt{font-size: 20px;font-weight: bold;border-bottom:1px solid #00a2eb;line-height: 1.5;padding:0 0 5px;margin-bottom: 15px;}
	.side-sj .lks{display: flex;flex-wrap: wrap;margin:-15px 0 0 -15px;}
	.side-sj .lks .lk{display: inline-block;vertical-align: middle;font-size: 14px;color:#333;line-height: 30px;border-radius:16px;border:1px solid #e5e5e5;padding:0 15px;margin:15px 0 0 15px;}
	.side-sj .lks .lk.this{color:#fff;background-color: #00a2eb;border-color:#00a2eb;}
	
	
	
	/* 产品详情 */
	.cp-top{display: block;padding:0 0 30px;}
	.cp-top .slide{width: 100%;}
	.cp-top .swiper2{border:1px solid #efefef;}
	.cp-top .swiper2 .item{height: 260px;}
	.cp-top .swiper1 .item{border-width:1px;}
	.cp-top .swiper-button{bottom: 21px;}
	.cp-top .info{width: 100%;margin-top: 25px;}
	.cp-top .title{font-size: 20px;}
	.cp-top .row{margin-top: 10px;}
	.cp-top .bot{margin-top: 25px;}
	.cp-top .anniu{width: 100px;}
	
	.cp-mod .piclist{display: block;margin: 0;}
	.cp-mod .piclist .item{width: 100%;padding:15px 0;margin: 0;}
	.cp-mod .piclist .imgbox{height: auto;max-height: 240px;border:1px solid #efefef;}
	.cp-mod .piclist .txt{margin-top: 10px;}
	
	/* 关于我们 */
	.side-mod{display: none;margin: 0;}
	.side-mod:first-child{display: block;}
	.side-mod .titbox{display: none;}
	
	.side-mod .list li{border:0;display: none;}
	.side-mod .list li a{padding:13px 15px;}
	.side-mod .list li.cur{display: block;}
	
	.us-honor{margin: 0;}
	.us-honor .item{width: 100%;margin:0 0 25px;}
	.us-honor .item:last-child{margin-bottom: 0;}
	.us-honor .info{height: 50px;}
	.us-honor .title{font-size: 15px;}
	
	/* 技术服务 */
	.section{padding:20px 5% 40px;}
	
	.fw-sec .bt{margin-bottom: 25px;}
	.fw-sec .bt span{font-size: 20px;}
	.fw-sec .bt span::after{display: none;}
	.fw-sec .txt{font-size: 15px;}
	
	.fw-sec .table{overflow-x: scroll;}
	.fw-sec .table table{min-width: 700px;}
	
	
	/* 联系我们 */
	.lx-sec .title{font-size: 18px;margin-top: 8px;}
	.lx-sec .txt{margin-top: 10px;line-height: 1.8;font-size: 15px;}
	.lx-sec .map{height: 300px;margin-top: 25px;}
	
	
	/* 新闻资讯 */
	.xw-list .item{padding:20px 0;}
	.xw-list .imgbox{width: 120px;height: 90px;margin-right: 15px;}
	.xw-list .title{font-size: 16px;-webkit-line-clamp: 2;line-height: 1.4;}
	.xw-list .date{margin-top: 5px;font-size: 13px;}
	.xw-list .txt{margin-top: 6px;font-size: 13px;-webkit-line-clamp: 1;}
	
	
	/* 新闻详情 */
	.xw-det .top{padding:0 0 15px;}
	.xw-det .title{font-size: 18px;}
	.xw-det .date{font-size: 13px;}
	.xw-det .edit{margin-top: 20px;}
	
	.pagenav{display: block;}
	.pagenav .lk{display: block;max-width: 100%;line-height: 30px;}
	
	
}



.main_fixed {
  position: fixed;
  right: 24px;
  bottom: 10%;
  z-index: 999; }
  .main_fixed .label {
    width: 66px;
    position: relative;
    margin-bottom: 14px;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.02);
    cursor: pointer; }
    .main_fixed .label:hover div {
  opacity: 1;
  right: 120%;
      visibility: inherit; }
    .main_fixed .label div {
      width: 120px;
      overflow: hidden;
      background: #fff;
      border-radius: 3px;
      padding: 10px;
      box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.02);
      transition: all .2s;
      position: absolute;
      right: 80%;
      top: 50%;
      visibility: hidden;
      opacity: 0;
      transform: translateY(-50%); }
      .main_fixed .label div span {
        display: block;
        text-align: center;
        font-size: 14px;
        padding: 5px 0;
        color: #E50012; }
    .main_fixed .label a {
      display: block;
      width: 100%; }
    .main_fixed .label img {
      display: block;
      width: 100%; }
@media screen and (min-width:320px) and (max-width:767px){
	.main_fixed{display: none;}

      .main_fixed .label { width:50px }
  }

.edit {overflow-x: auto;}
.edit table{width: 100%  !important;}
.edit table tr{width: 100%  !important;}
.edit img { max-width:100% !important; }

.tabheight table { width: 100%  !important;border: none;border-top: 1px solid #E0E0E0;border-left: 1px solid #E0E0E0;border-radius: 6px 6px 0 0; overflow: hidden;margin-top: 20px; }
.tabheight table tr { width: 100% !important; }
.tabheight table tr:nth-child(even) td { background: #fff; }
.tabheight table tr th { font-size: 16px;color: #333333;font-family: sr1;font-weight: bold;height: 50px;background: #F0F0F0;border-bottom: 1px solid #E0E0E0;border-right: 1px solid #E0E0E0; }
.tabheight table tr td { font-size: 14px;color: #333333;min-height: 40px;padding: 5px 25px;line-height: 30px;background: #F8F8F8; border-bottom: 1px solid #E0E0E0;  border-right: 1px solid #E0E0E0; }
.tabheight table tr h2 {font-size:16px; }
.tabheight table tr td h3 {font-size:14px; font-weight: normal;}
.tabheight table tr td:first-child{width: 30%;}
.tabheight img { width: 100%;display: block; }


  .morelist { width: 100% !important; border: 1px solid #E0E0E0; border-radius: 6px 6px 0 0; overflow: hidden; margin-top: 20px; } 
  .morelist ul {   overflow: hidden;   display: flex;   flex-wrap: wrap; }   
  .morelist ul li { overflow: hidden; width: 33.33% !important; padding: 0 15px; margin-top: 25px; } 
  .morelist ul li a {   display: block;   width: 100%;   padding-bottom: 30px; }   
  .morelist ul li a .pic {     overflow: hidden;     width: 100%;      height: 282px; }     
  .morelist ul li a .pic img {   display: block;   height: auto;   width: auto;   height: 100%;   object-fit: contain;   width: 100%; }   
  .morelist ul li a span {     display: block;     font-size: 16px;     color: #333333;     line-height: 26px;     padding: 15px 8px;     box-sizing: border-box; } 
  .morelist .title {   font-size: 16px;   color: #333333;   font-family: sr1;   font-weight: bold;   display: flex;   align-items: center;   justify-content: center;   height: 50px;   background: #F0F0F0;   border-bottom: 1px solid #E0E0E0; }