@charset "utf-8";
/* 20210817 DK */
*{font-family: 'Microsoft YaHei',Arial;}
html, div{outline:0;}
cite, em, strong, i{font-style:normal;}
.hide{display:none;}
.imgbox{display:block; overflow:hidden;}
.imgbox img{max-width:100%; max-height:100%;}
input,textarea{outline: none;}
input[type=submit]{cursor: pointer;}
/*#main.w>.fl{width:190px;}*/

body{ background:#fff;width: 100%;height: 100%;max-width: 1920px;margin:0 auto;position: relative;}
.wrap{max-width:1380px; min-width: 1200px; margin:0 auto; zoom:1;}
.index_con.wrap{width:1440px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.text-over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.over{overflow: hidden;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.table{width: 100%;height: 100%;display: table;}
.table-cell{display: table-cell;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.block{display: block;}
.hidden{display: none;}
.visible-hidden{visibility: hidden;opacity: 1;}
.middle{vertical-align: middle;}
.middleImg img{vertical-align: middle;}
.middleImg .mid-ilb{vertical-align: middle;display: inline-block;}
.middleImg span{height: 100%;vertical-align: middle;display: inline-block;}
.relative{position: relative;}
.absolute{position: absolute;z-index: 1;}
.trans { -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.trans_show { transition:all .5s;-webkit-transition:all .5s;opacity: 0;visibility: hidden;}
.trans_show.visable { opacity: 1;visibility: visible; }
.fixed{position: fixed;z-index: 99999; height: auto !important;}
.center-vertical{position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.trans-show{transition:all .5s;-webkit-transition:all .5s;opacity: 0;visibility: hidden;}
.trans-show.visable{opacity: 1;visibility: visible;}
.trans{-webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.imgZoom img{transition: all .4s;-webkit-transition: all .4s; max-widht:450px; height:280px;}
.imgZoom img:hover{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
.pointer{cursor: pointer;}
.flow-shadow{-webkit-transition:all .5s;transition:all .5s;}
.flow-shadow:hover{transform:translate3d(0, -2px, 0);-webkit-transform:translate3d(0, -2px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}
.clear_gt_991{clear: both;}
.border-box{box-sizing: border-box;}
*.hoverColor{-webkit-transition:all .3s;transition:all .3s;}
/**.hoverColor:hover{color: #febf66!important;}*/
.show-pc-block{display: block!important;}
.show-pc-inline-block{display: inline-block!important;}
.show-mb-block{display: none!i;}
.show-mb-inline-block{display: none!important;}
body.flex-foot-bottom{display: flex;flex-direction: column;}
.flex-foot-bottom .header,
.flex-foot-bottom .footer,
.flex-foot-bottom .top-cateogry,
.flex-foot-bottom .wrap-banner,
.flex-foot-bottom .bread{flex: 0 0 auto;}
.flex-main-content{flex: 1 0 auto;}
a:hover{text-decoration: none;}
.in_ad{position: relative; font-size: 0;}
.in_ad:before{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 11px; background: url(../images/pro_ban_bg.png) no-repeat bottom center; z-index: 1;}
.in_ad .ad_con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.in_ad .ad_con .con_table{ display: table; width: 100%; height: 100%;}
.in_ad .ad_con .con_table .con_table_cell{ display: table-cell; vertical-align: middle;}
.in_ad .ad_con .ueeshop_responsive_position{ width: 100%; border-bottom: 0;}
.in_ad .ad_con .ueeshop_responsive_position .title{ float: none; width: 100%; max-width: inherit; height: 70px; line-height: 70px; font-size: 48px; color: #fff; text-align: center;}
.in_ad .ad_con .ueeshop_responsive_position .position{ float: none; width: 100%; max-width: inherit; height: 26px; line-height: 26px; text-align: center;}
.in_ad .ad_con .ueeshop_responsive_position .position{ font-size: 14px; color: #fff;}
.in_ad .ad_con .ueeshop_responsive_position .position a{ font-size: 14px; color: #fff;}
/*.in_ad .ad_con .ueeshop_responsive_position .position a:last-child{ color: #f1ab47;}*/

.index-banner{ position: relative; width: 100%; min-width: 1200px; text-align: center;}
/*.index-banner:before{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 17px; background: url(../images/banner_bg.png) no-repeat center; z-index: 1;}*/
.index-banner .f_btn{ position: absolute; left: 50%; top: 70%; padding: 2px; width: 240px; height: 60px; border: 1px solid #aebc9f; transform: translateX(-50%); box-sizing: border-box;}
.index-banner .f_btn a{ display: block; width: 100%; height: 100%; line-height: 55px; background: #aebc9f; font-size: 18px; color: #fff; text-align: center;}
.bxSlide-outter .bx-wrapper .bx-pager.bx-default-pager a:hover, .bxSlide-outter .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #006967;}



/* header */
.responsive_pc_header{ width: 100%; height: 225px;}
.responsive_pc_header .header_fixed{ width: 100%; transition: all 0.3s;}
.responsive_pc_header .header_fixed.fixed{ position: fixed; left: 0; top: 0; z-index: 100; background: #fff;}

.header .logo{ display: block; margin: 0 auto; width: 50%; height: 100%; text-align: center;}
.header .logo img{ max-width:350px;}
.header .h_right{ background:#fff; width: 100%; height: 77px; border-top: 4px solid #005399; }
.header .right{ height: 100%;}
.header .right .h_icon{ margin-left: 31px; width: 21px; height: 100%; line-height: 72px; cursor: pointer;}
.header .right .h_icon div, .header .right .h_icon a{ display: block; height: 100%;}

.fixed .header .h_right{ box-shadow: 0 0 4px 0 #000; }

.header .header_in .left{ height: 100%;}
.header .header_in .left .h-lang{ height: 100%; z-index: 2;}
.header .header_in .left .h-lang .lang-on{ padding-right: 17px; width: 35px;height: 100%;line-height: 148px; background: url('../images/lang_icon.png') no-repeat right center; border:1px solid #fff;border-radius: 100px;font-size: 16px;color: #808080; font-family: 'Avenir-Book'; text-transform:uppercase;}
.header .header_in .left .h-user{font-size: 0;}
.header .header_in .left .icon .layer{ padding: 0 10px; width: 135px; background: #fff; top: 100%; left: 50%; -webkit-border-radius: 8px; border-radius: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header .header_in .left .icon .layer a{line-height: 45px;font-size: 14px;color: #000;}
.header .header_in .left .icon .layer a + a{border-top: 1px solid rgba(255, 255, 255, 0.2);}
.header .header_in .left .icon .layer a:hover{text-decoration: underline;}
.header .header_in .left .icon:hover .layer{opacity: 1;visibility: visible;}

	
	
.header .headerNav{ width: 100%; height: 100%; box-sizing: border-box;}
.header .headerNav .head-nav{ display: flex; justify-content: center; height: 100%;}
.header .headerNav .head-nav .n_item{ margin: 0 30px; width: 200px;position: relative; z-index: 100;/*padding-bottom: 16px;*/}
.header .headerNav .head-nav .n_item.item_icon{ padding-right: 19px; background: url('../images/item_icon.png') no-repeat right center;}
/*.header .headerNav .head-nav .n_item + .n_item{margin-right: 65px;}*/
.header .headerNav .head-nav .n_item .topName{ position: relative; line-height: 76px; font-size: 18px; color: #6f6f6f; text-transform: uppercase;}
/*.header .headerNav .head-nav .n_item .topName:before{ display: block; content: ''; position: absolute; left: 0; top: 27px; width: 0; height: 3px; background: linear-gradient(to right, #f1ab46, #eee086); transition: all 0.2s;}*/
.header .headerNav .head-nav .n_item .navSub{width: 280px;/*background: url('../images/nav_sub_bg.png') no-repeat center top #fff;*/background-color: #fff;position: absolute;top: 100%;left:50%;transform: translate(-50%,0);box-shadow: 0 0 10px rgba(0,0,0,.1);box-sizing: border-box;opacity: 0; border-radius: 3px; pointer-events: none;}
.header .headerNav .head-nav .n_item .navSub .subName{display: block; padding: 0 10px; line-height: 50px; font-size:16px; position: relative; font-size: 14px;text-transform: capitalize;}
.header .headerNav .head-nav .n_item .navSub .subName:hover{ background: #005399; color: #fff;}
.header .headerNav .head-nav .n_item .navSub .subName:after { position: absolute; top: 50%; right: 10px; visibility: hidden; width: 5px; height: 10px; margin-top: -5px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; background: url(/dplugin/menu/arrow-right.png) no-repeat center center / cover; } 
.header .headerNav .head-nav .n_item .navSub .subName:hover:after { right: 15px; visibility: visible; } 

/*.header .headerNav .head-nav .n_item .navSub .subName + .subName{margin-top: 10px;}*/
.header .headerNav .head-nav .n_item:hover .topName{ color: #005399; }
.header .headerNav .head-nav .n_item:hover .topName:before{ width: 100%;}
.header .headerNav .head-nav .n_item:hover .navSub{ opacity: 1; pointer-events: auto;}


.header{ text-align: center;}
.header .header_in{ height: 146px;}
.header .search-form{ position: relative; height: 100%; z-index: 1;}
.header .search-form .search_icon{ display: block; width: 100%; height: 100%; background: url(/dplugin/dimg/icon/search_icon.png) no-repeat center;}
.header .search-form form{ opacity: 0; position: absolute; top: 50%; right: 0; width: 250px; height: 42px; background: #fff; border-bottom: 1px solid #005399; pointer-events: none; transform: translateY(-50%);}
.header .search-form.open form{ opacity: 1; pointer-events: auto;}
.header .search-form form input.text{ padding-left: 10px; width: 80%; height: 100%; background: none; border: 0; box-sizing: border-box;}
.header .search-form form input.sub_btn{ width: 15%; height: 100%; background: url(/dplugin/dimg/icon/search_icon.png) no-repeat center / 50% auto; border: 0;}

.header .langua { position: relative; margin:0 30px 0 24px; height: 100%;}
.header .langua .triangle { padding-left: 10px;}
.header .langua .left{ height: 100%;}
.header .langua .left .h_lang{ height: 100%; }
.header .langua .left .h_lang .lang_on{ height: 100%; line-height: 146px; font-size: 18px;color: #979797; text-transform: uppercase; }
.header .langua .left .h-user{font-size: 0;}
.header .langua .left .icon .layer{ padding: 0 10px; width: 100px; background: #fff; top: 70%; left: 35%; -webkit-border-radius: 8px; border-radius: 8px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); max-height: 690px; overflow-y: auto; z-index: 9999999;}
.header .langua .left .icon .layer::-webkit-scrollbar{display: none;}
.header .langua .left .icon .layer a{line-height: 25px;font-size: 18px; color: #979797;  margin: 15px 0px; }
.header .langua .left .icon .layer a + a{border-top: 1px solid rgba(255, 255, 255, 0.2);}
.header .langua .left .icon .layer a:hover{text-decoration: none;}
.header .langua .left .icon .layer img{ width: 50px;}
.header .langua .left .icon:hover .layer{opacity: 1;visibility: visible;}



.header .langWrapper{ display: block; height: 100%; position: relative;}
.header .langWrapper .topLang{ line-height: 92px; font-size: 14px; color: #fff;text-transform: uppercase;}
.header .langWrapper .otherLang{position: absolute; top: 100%;right:0; width: 120px;z-index: 101;background: #fff;padding:5px;border-radius: 5px;display: none;box-shadow: 0 5px 10px rgba(0,0,0,.3)}
.header .langWrapper .otherLang .langName{display: block;line-height: 24px;font-size: 12px;color: #000;}
.header .langWrapper:hover .otherLang{display: block;}


.home_wrap {max-width:1400px;min-width: 1200px;margin: 0 auto;}	
.index_title {width: 502px;line-height: 50px;margin: 0 auto;text-align: center;font-size: 36px;color: #005399;padding-bottom: 20px;}
.index_contact { height: 15px; width: 502px; height: 23px;margin: 0 auto;text-align: center;position: relative;}
.index_contact:before{ content: ""; display: block; height: 1px; background: #e3e3e3; width: 100%; position: absolute; top: 10px; left: 0; width:200px;}
.index_contact span{ display: block; width: 23px; height: 23px; margin: 0 auto; background: url(../dimg/icon/titleicon01.png) no-repeat;}		
.index_contact:after{ content: ""; display: block; height: 1px; background: #e3e3e3; width: 100%; position: absolute; top: 10px; right: 0; width:200px;}	

/* advantage start */
#advantage{box-sizing:border-box;background: url(../dimg/advantagebg.jpg) no-repeat center top; padding-bottom: 20px;}
#advantage .advantage_title{margin-bottom: 65px;}
#advantage .advantage_box .advantage_list_items{ height: 195px; background: #fff; box-shadow: 0 0 13px #e6e6e6; margin: 0 10px;}	
#advantage .advantage_box .advantage_list_items .advantage_list_item{display: inline-block;width: 25%;  padding: 52px 20px;text-align: center;box-sizing: border-box; position: relative;}	

#advantage .advantage_box .advantage_list_items .advantage_list_item:before{ content: ""; background: #e6e6e6; width: 1px; height: 195px; display: block; position: absolute;right:0; top: 0;}	
#advantage .advantage_box .advantage_list_items .advantage_list_item:last-child:before{ width: 0;}	

#advantage .advantage_box .advantage_list_items .advantage_list_item .advantage_img_box{height: 78px;text-align: center;}
#advantage .advantage_box .advantage_list_items .advantage_list_item img{ }

#advantage .advantage_box .advantage_list_items .advantage_list_item .advantage_item_title{color: #ba0913;font-weight: 600; font-size: 43px; font-family: Arial;}
#advantage .advantage_box .advantage_list_items .advantage_list_item p{line-height: 24px;padding-top: 10px;color:#000;font-size: 22px;}	

#advantage .index_t{ padding: 70px 0 20px;}	



/* 首页PRO 待修改 */	
.i_product{ margin-bottom: 70px;}
.i_product .index_t{ margin: 20px 0;}	
.card-fouth{ position: relative;}

.card-fouth .desc.desc-list{ width: 100%;  text-align: center;}
/*顶部分类*/
.card-fouth .industry{font-size:20px;color:#999; display:inline-block; border-bottom:1px solid hsla(0,0%,85%,.4); width:100%; height: 195px;  background: url(../dimg/industryimg.jpg) no-repeat; position: relative;}
	
.card-fouth .industry.first{margin-bottom: 14px;}

.card-fouth .industry.active{ background: #005399;}
.card-fouth .industry span{ font-size: 36px; color: #767676; line-height: 195px;}
.card-fouth .industry i{ display: none; width: 58px; height: 41px; background: url(../dimg/industrys.png) no-repeat; position: absolute; left: 0; top: 70px; right: 0; bottom: 0; margin: auto;}
.card-fouth .industry.active span{ color: #fff; line-height: 160px;}
.card-fouth .industry.active i{display:block;}		
/*内容*/
.card-fouth .case-container{position:relative;margin:0 auto;}
.card-fouth .case-panel{ display: none; overflow:hidden; width: 100%;}
.card-fouth .case-panel.active{ display: block; -webkit-transition:all .2s ease-out .1s;transition:all .2s ease-out .1s}
.card-fouth .case-preview{display:inline-block;width:576px;position:relative;top:28px;left:-60px;z-index:200}	
	
.i_products .list{display: flex;flex-wrap:wrap; justify-content: space-around;}
.i_products .list .item{ display: block;  width:38%; position:relative;}
.i_products .list .item .img{ display: block; width: 100%; max-height: 410px; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; text-align:center;}
.i_products .list .item .text{ width: 100%; height: 90px; line-height: 90px; position: absolute; bottom:0; background: rgba(255,255,255,.85); text-align: center;}
.i_products .list .item .text .title{ display: block; font-size: 20px; color: #767676; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.i_products .list .item:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.i_products .list .item .img{display: block;width: 100%;}
.i_products .list .item .img img{}	
 
.i_products .list01 .item01, .i_products .list02 .item06{ width:21.7% !important;}	
.i_products .list01{ margin-bottom: 17px;}
	
.i_products .item06{background: #f2f2f2;}
.i_products .item06 dl{ padding-top: 20px;}
.i_products .item06 dl dt{ line-height: 30px; font-size: 20px; color: #767676; position: relative; margin: 0 10px; padding-bottom: 8px;}	
.i_products .item06 dl dt span{ position: absolute; right: 0; font-size: 16px; color: #005399;}	
.i_products .item06 dl dd{ padding-left: 10px; height: 28px; line-height: 28px; border-bottom:1px solid #d3d3d3;}	
.i_products .item06 dl dd:last-child{ border: none;}	

@media only screen and (max-width: 1200px){
	.card-fouth .industry{ height: 168px;}
	.card-fouth .industry.active span{ line-height: 133px;}
}



/* 关于我们  */
.i_about{background:url(../dimg/aboutbg.jpg) no-repeat #000; height:550px; width: 100%; min-width: 1200px;}
.i_about .lefter{width:50%; height:100%; float:left; overflow:hidden; background:rgba(0,70,130,.65); padding:50px 100px 0; box-sizing:border-box; color:#fff;}
.i_about .lefter h1{text-align:right; font-size:36px; color:#fff; position: relative; padding-bottom: 40px;}
.i_about .lefter h1:before{ position: absolute; right: 0; bottom: 0; content: ""; height: 1px; background: #fff; width:181px; }
.i_about .lefter  .txt{padding:36px 0; color:#fff; line-height:200%; font-size:18px; text-align:left; width: 78%; max-width:700px; float: right;}
.i_about .lefter .link a{display:block; width:180px; height:40px; line-height:40px; text-align:center; text-decoration:none; border-radius:20px; border:2px solid #fff; margin:0 auto; font-size:15px; color: #fff; text-transform:uppercase; float: right;}
.i_about .lefter .link a:hover{background:#005399;}
.i_about .ad{width:50%; float:left; overflow:hidden; height:100%;}
.i_about .ad a{display:block; width:100%; height:100%;text-align: right;}
.i_about .ad img{height:100%;}	
	
@media only screen and (max-width: 1690px){
	.i_about .lefter{padding:60px 50px 0;}
	.i_about{ }
	.i_about .lefter .txt{ width: 100%; }
}
	
@media only screen and (max-width: 1380px){
	.i_about .lefter{padding:40px 50px 0;}
	.i_about .lefter .txt{padding: 24px 0; }
	
}


/* 行业应用 */
.case_item{width: 33.3%; position: relative;}
.case_item .i_quote_icon_t{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: all .5s;}
.case_item:hover .i_quote_icon_t{opacity: 1;}
.case_item .i_quote_icon_c{    position: absolute;bottom: 0px;left: 0;width: 100%;}
.case_item .i_quote_icon_c img{margin-top: 30px;}
.case_item .i_quote_icon_c a{display: inline-block;    float: right;width: 20%;opacity: 0;transition: all .5s;    transform: translateY(-36%);}
.case_item .i_quote_icon_c .i_quote_icon_c_t{ overflow:hidden; 
	text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; color: #767676;font-size: 18px;text-align: center;width: 100%;opacity: 0;transition: all .5s; background: rgba(248, 248, 248, .75); height: 50px; line-height: 50px;}
.case_item .i_quote_icon_c .i_quote_icon_c_c{    color: #fff;font-size: 16px;height: 0px;overflow: hidden;transition: all .5s;}
.case_item:hover .i_quote_icon_c_c{height: 50px;}
.case_item:hover .i_quote_icon_c a{opacity: 1;}
.case_item:hover .i_quote_icon_c .i_quote_icon_c_t{opacity: 1;}		
	
	
.i_case{ width: 100%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;background: #f6f6f6; min-width: 1200px;}
.i_case .index_t{ padding: 32px 0 40px;}
	
.i_case .list{ margin: 0px auto 0;  background: #fff;}
.i_case .list .item{ display: block; position: relative;}
.i_case .list .item.mob_item{ display: none;}
.i_case .more_btn {display: inline-block;margin: 61px auto;background: #005399;color: #fff;width: 245px;height: 54px;line-height: 54px;border-radius: 25px;text-align: center; font-size: 16px;}
.i_case .list .item .img{ display: block; width: 100%; max-height: 232px; overflow: hidden;}
.i_case .list .item .text{ padding: 40px; width: 100%; height: 232px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box;}
.i_case .list .item .text .name{ width: 100%; height: 48px; line-height: 24px; font-size: 16px; color: #333; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.i_case .list .item .text .time{ margin-top: 18px; padding-left: 28px; width: 100%; height: 20px; line-height: 26px; background: url('../images/info_icon.png') no-repeat left center; font-size: 14px; color: #999; -webkit-box-sizing: border-box; box-sizing: border-box;}
.i_case .list .item .text .brief{ margin-top: 24px; line-height: 22px; font-size: 14px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.i_case .list .item:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);}	
	
.i_case .case_item{width: 25%;position: relative;font-size: 0px;max-width: 480px;max-height: 283px;height: 100vw;}
/* .i_case .case_item:nth-child(5n){clear: both;} */
.i_case .case_item a:first-child img{width: 100%;height: 100%;}
.i_case .title{ display: inline-block; position: relative; padding: 0 110px;  font-size: 40px; color: #333;}



/* 新闻资讯 */
.index-info{}
.index-info .index_t{ padding-bottom: 40px;}		
.index-info .list{ margin: 0 10px;}
.index-info .list .box{width: 31.9444%;-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}
.index-info .list .box + .box{margin-left: 2%;}
.index-info .list .box .txt{margin-bottom: 20px;box-sizing: border-box;padding: 25px 4% 0;}
.index-info .list .box .txt .sta{width: 46px;line-height: 24px;margin-bottom: 5px;background: #005399;font-size: 14px;color: #fff;}
.index-info .list .box .txt .name{max-height: 55px;font-size: 20px;color: #262a31;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index-info .list .box .txt .brief{padding-top: 7px;font-size: 16px;color: #9a9a9a;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }	
.index-info .list .box .txt .time{padding-top: 7px;font-size: 14px;color: #555;}	
.index-info .list .box .img{}
	
	
/* 我们的供应商 */
.i_customer{ padding: 70px 0px 34px;}