@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.yin{background:url(../images/yin_t.png) no-repeat center 0;height: 126px;margin-top: -52px;position: relative;z-index: 10;}
.yin ul li{width: 200px;float: left;background:url(../images/yin_line.gif) no-repeat 0 40px;height: 106px;line-height: 106px;overflow: hidden;font-size: 16px;color: #333;}
.yin ul li em{display: block;width: 30px;height: 30px;float: left;line-height: 0;overflow: hidden;margin: 38px 8px 0 40px;}
.yin ul li em img{width: 30px;height: 60px;-webkit-transition:all .5s;transition:all .5s;}
.yin ul li span{display: block;float: left;font-weight: bold;width: 100px;overflow: hidden;}
.yin ul li:hover em img{margin-top: -30px;}
.yin ul li:hover,.shi .shi_ul01 li:hover{color: #EF9002;}
.yin ul li:first-child{background: none;}

/*实力践行*/
.shi_bg{margin-top: -74px;padding: 128px 0 0;}
.yin_t{font-size: 40px;color: #333;text-align: center;position: relative;height: 42px;line-height: 42px;}
.yin_t:before{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;left: 33%;}
.yin_t:after{content: "";width: 18px;height: 1px;background: #000;position: absolute;top: 24px;right: 33%;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 20px;font-weight: normal;}
.shi .shi_ul01{display: block;padding: 20px 0 0;height: 140px;}
.shi .shi_ul01 li{font-size: 16px;color: #666;height: 45px;line-height: 45px;overflow: hidden;background:url(../images/yin_ico07.png) no-repeat 20px 18px;width: 350px;float: left;padding: 0 0 0 50px;}

.ibrand-num li{float:left;width:245px;height:197px;position:relative;text-align:center;background:url(../images/iserve_bg.png) no-repeat;padding: 85px 0 0;font-weight: bold;margin-left: 73px;color: #2a2a36;}
.ibrand-num li:after{content:'';position:absolute;width:100px;height:30px;background:url(../images/iserve_shadow.png);bottom:-30px;left:50%;margin-left:-60px;}
.ibrand-num li:first-child{margin-left:0;}
.ibrand-num li span{font-size: 60px;font-family: "Impact";line-height: 66px;}
.ibrand-num li i{font-size: 16px;color: #EF9002;padding-left: 5px;}
.ibrand-num li b{display:block;font-size: 18px; padding:5px 0 0;}
.ibrand-num li.shi_li02{background:url(../images/iserve_bg.png) no-repeat 0 -282px;color: #fff;}
.ibrand-num li.shi_li02 i{color: #fff;}

/*设备展示*/
.chanp{padding: 60px 0 80px;background: #f3f3f3;}
.chanp .yin_t{height: 106px;}
.chanp .yin_t:before{left: 38%;}
.chanp .yin_t:after{right: 38%;}
.chanp01{width: 600px;height: 378px;background: #fff;overflow: hidden;}
.cp_t{width: 365px;height: 108px;padding: 30px 0 0 35px;}
.cp_t h3{height: 40px;line-height: 40px;}
.cp_t h3 a{font-size: 16px;color: #333;}
.cp_t h3 em{display: inline-block;padding: 0 0 0 10px;}
.cp_t h3 em img{width: 23px;height: 23px; vertical-align:middle;}
.cp_t ul li{height: 26px;line-height: 26px;float: left;width: 120px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_t ul li a{font-size: 14px;color: #333;}
.cp_pic{width: 600px;height: 240px;line-height: 0;}
.cp_pic img{width: 600px;height: 240px;}
.chanp01:hover{background:#1268CB;}
.chanp01:hover .cp_t h3 a,.chanp01:hover .cp_t ul li a{color: #fff;}
.chanp02{background: #fff url(../images/cp_line01.gif) repeat-y;}
.chanp03{width: 400px;background: #fff url(../images/cp_line02.gif) repeat-x;border-right: #eee 1px solid;box-sizing:border-box;}
.chanp03 .cp_t{height: 88px;}
.chanp03 .cp_pic{width: 400px;height: 260px;line-height: 0;}
.chanp03 .cp_pic img{width: 400px;height: 260px;}
.chanp .nobor{border-right: none;}

/*广告条*/
.ban01{background: #dbdbdb;height: 145px;}
.ban01 em{width: 34px;height: 34px;display: block;position: absolute;top: 56px;}
.ban01 em img{width: 34px;height: 34px;}
.ban_ico01{left: 385px;}
.ban_ico02{left: 785px;}
.ban01_l{width: 380px;background: #EF9002;height: 105px;padding: 40px 0 0 20px;}
.ban01_l ul li{font-size: 16px;color: #fff;font-weight: bold;background:url(../images/ban_ico01.png) no-repeat 20px 10px;line-height: 36px;width: 140px;float: left;padding: 0 0 0 50px;}
.ban01_c{width: 400px;background: #1268CB;height: 105px;padding: 40px 0 0;font-size: 16px;color: #fff;text-align: center;line-height: 40px;}
.ban01_c b{display: block;font-size: 30px;}
.ban01_r{width: 400px;background: #EF9002;height: 130px;padding: 15px 0 0;text-align: center;font-size: 14px;color: #fff;line-height: 22px;}
.ban01_r b{display: block;font-size: 20px;}
.ban01_r span{display: block;width: 100px;margin: 0 auto;padding: 10px 0 0;}
.ban01_r span a{display: block;width: 100px;text-align: center;height: 30px;line-height: 30px;font-size: 14px;color: #333;overflow: hidden;border-radius: 20px;background: #fff;}

.ban02{background:url(../images/ban02.gif) no-repeat center 0;height: 145px;overflow: hidden;}
.ban02_l{width: 525px;padding: 30px 0 0 205px;line-height: 38px;}
.ban02_l b{display: block;font-size: 30px;color: #333;}
.ban02_l p{font-size: 16px;color: #333;padding: 0 0 0 80px;}
.ban02_l i{font-size: 24px;color: #1268CB;font-weight: bold;}
.ban02 .ban01_r{background:none;color: #333;}
.ban02 .ban01_r span a{background: #EF9002;color: #fff;}
.ban01_r span a:hover{background: #1268CB;color: #fff;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 590px;padding: 74px 0 0;overflow: hidden;}
.ys_bg .yin_t:before,.jz .yin_t:before,.about .yin_t:before{left: 36%;}
.ys_bg .yin_t:after,.jz .yin_t:after,.about .yin_t:after{right: 36%;}
.ys{width: 700px;padding: 0 0 0 500px;}
.ys_m{width: 400px;margin: 0 auto;text-align: center;padding: 40px 0 0;height: 175px;}



.ys_m dl dt{height: 90px;overflow: hidden;}
.ys_m dl dt em{width: 115px;height: 45px;padding: 0 0 10px;}
.ys_m dl dt em img{width: 115px;height: 45px;}
.ys_m dl dt b{display: block;font-size: 20px;color: #333;}
.ys_m dl dd{font-size: 14px;color: #333;line-height: 25px;height: 50px;overflow: hidden;}
.ys_bot{width: 700px;background:url(../images/ys_line.gif) repeat-x 0 9px;height: 141px;}
.ys_bot ul li{width: 140px;float: left;background:url(../images/ys_k01.png) no-repeat center 0;height: 111px;color: #333;padding: 30px 0 0;text-align: center;}
.ys_bot ul li em{display: block;width: 35px;height: 35px;line-height: 0;overflow: hidden;margin: 0 auto;}
.ys_bot ul li em img{width: 35px;height: 70px;-webkit-transition:all .5s;transition:all .5s;}
.ys_bot ul li b{display: block;font-size: 16px;line-height: 24px;padding: 8px 0 0;}
.ys_bot ul li b i{display: block;}
.ys_bot ul li:hover,.ys_bot ul li.on{background:url(../images/ys_k02.png) no-repeat center 0;color: #fff;}
.ys_bot ul li:hover em img,.ys_bot ul li.on em img{margin-top: -35px;}

/*客户见证*/
.jz_bg{background:url(../images/jz_bg.jpg) no-repeat center 0;height: 410px;padding: 140px 0 0;overflow: hidden;}
.yin_t b{color: #1268CB;}
.jz_t{display: block;font-size: 48px;color: #fff;font-family: "DINOT";width: 260px;height: 160px;background: #1268CB;position: absolute;top: -44px;left: 18px;line-height: 44px;padding: 40px 0 0 40px;z-index: 20;}
.jz_t i{display: block;}
.jz_m{padding: 48px 0 0;}
.jz_m dl{width: 1164px;height: 225px;background: #fff;padding: 18px;}
.jz_m dl dt{width: 300px;height: 225px;float: left;overflow: hidden;line-height: 0;}
.jz_m dl dt img{width: 300px;height: 225px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.jz_m dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.jz_m dl dd{width: 740px;float: left;padding: 25px 0 0 70px;}
.jz_m dl dd h5{height: 35px;line-height: 35px;overflow: hidden;}
.jz_m dl dd h5 a{font-size: 20px;color: #333;font-weight: normal;}
.jz_m dl dd h5 a:hover,.jz_m dl dd span a:hover{color: #1268CB;}
.jz_m dl dd em{display: block;font-size: 16px;color: #333;height: 25px;line-height: 25px;overflow: hidden;padding: 5px 0 0;}
.jz_m .jz_desc{font-size: 14px;color: #666;line-height: 25px;height: 50px;overflow: hidden;padding: 10px 0 0;}
.jz_m dl dd span{display: block;padding: 20px 0 0;}
.jz_m dl dd span a{font-size: 14px;color: #333;text-transform: uppercase;}
.jz_btn{width: 128px;height: 46px;position: absolute;top: 12px;right: 0;z-index: 20;}
.jz_btn a{display: block;width: 46px;height: 46px;margin-left: 18px;float: left;}
.jz_btn .jz_lico{background:url(../images/jz_lico01.png) no-repeat;}
.jz_btn .jz_lico:hover{background:url(../images/jz_lico02.png) no-repeat;}
.jz_btn .jz_rico{background:url(../images/jz_rico01.png) no-repeat;}
.jz_btn .jz_rico:hover{background:url(../images/jz_rico02.png) no-repeat;}

/*合作客户*/
.hz{background:url(../images/hz_bg.jpg) no-repeat center 0;height: 366px;overflow: hidden;}
.hz ul li{width: 210px;height: 118px;float: left;position: relative;line-height: 0;margin-top: 30px;margin-left: 37px;overflow: hidden;}
.hz ul li img{width: 210px;height: 118px;}
.hz ul li a{width: 190px;height: 0;display: block;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #fff;background: rgba(9,62,94,0.9);text-align: center;line-height: 118px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 10px;
transition:height .3s;
-moz-transition:height .3s; /* Firefox 4 */
-webkit-transition:height .3s; /* Safari and Chrome */
-o-transition:height .3s; /* Opera */}
.hz ul li:hover a{height: 118px;}
.hz .nobor,.hz ul li:first-child{margin-left: 0;}

/*品牌坚守*/
.pinz{background:url(../images/pinz_bg.jpg) no-repeat center 0;height: 700px;overflow: hidden;padding: 90px 0 0;}
.pinz .yin_t{color: #fff;height: 127px;}
.pinz .yin_t:before{left: 29%;background: #fff;}
.pinz .yin_t:after{right: 29%;background: #fff;}
.pinz01{width: 234px;height: 444px;position: relative;float: left;margin-right: 7px;overflow: hidden;}
.pinz01 dl{width: 234px;height: 444px;overflow: hidden;text-align: center;}
.pinz01 dl dt{width: 234px;height: 212px;line-height: 0;}
.pinz01 dl dt img{width: 234px;height: 212px;}
.pinz01 dl dd{width: 234px;height: 190px;background: #fff;position: absolute;padding: 42px 0 0;}
.pinz01 dl dd em{display: block;width: 68px;height: 68px;position: absolute;top: -34px;left: 84px;}
.pinz01 dl dd em img,.pin01_m em img{width: 68px;height: 68px;}
.pinz01 dl dd h5,.pin01_m h5{font-size: 18px;color: #333;height: 50px;line-height: 50px;overflow: hidden;background:url(../images/pinz_line01.gif) no-repeat center 49px;}
.pinz01 dl dd p,.pin01_m p{font-size: 14px;color: #666;line-height: 25px;padding: 10px 0 0;height: 75px;overflow: hidden;}
.pinz01 dl dd p i,.pin01_m p i{display: block;}
.pinz01:hover dd{display: none;}
.pinz .nobor{margin-right: 0;}
.pin01_m{width: 234px;height: 0;position: absolute;bottom: 0;left: 0;overflow: hidden;text-align: center;background: rgba(246,129,0,0.9);
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.pin01_m em{display: block;width: 68px;height: 68px;margin:0 auto;padding: 110px 0 0;}
.pin01_m h5{color: #fff;background:url(../images/pinz_line02.gif) no-repeat center 49px;}
.pin01_m p{color: #fff;}
.pinz01:hover .pin01_m{height: 444px;}

/**/
.news_bg{background:url(../images/news_bg.jpg) no-repeat center 0;height: 692px;overflow: hidden;padding: 70px 0 0;}
.news .yin_t{height: 112px;}
.news .yin_t:before{left: 38%;}
.news .yin_t:after{right: 38%;}

.news_t{width: 210px;height: 466px; background:#f0f0f0;padding: 14px 0 0;text-align: center;overflow: hidden;font-size: 14px;color: #333;}
.news_t p{width: 183px;height: 244px;margin: 0 auto;}
.news_t p img{width: 183px;height: 244px;}
.news_t em{width: 27px;height: 27px;display: block;margin: 0 auto;padding: 35px 0 0;}
.news_t em img{width: 27px;height: 27px;}
.news_t i{display: block;font-family:Arial, Helvetica, sans-serif;padding: 5px 0;font-weight: bold;text-transform: uppercase;}
.news_t b{font-family:Arial, Helvetica, sans-serif;display: block;font-size: 20px;color: #272d3b;line-height: 24px;}
.news_t span{display: block;width: 112px;margin: 0 auto;padding: 10px 0 0;}
.news_t span a{display: block;font-size: 14px;color: #fff;background:url(../images/news_btn.gif) no-repeat;width: 112px;height: 35px;text-align: center;line-height: 35px;overflow: hidden;}
.news_t span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.news_bt{height: 70px;line-height: 60px;overflow: hidden;font-weight: normal;text-transform: uppercase;}
.news_bt a,.wd_t a{font-size: 20px;color: #333;}
.news_bt a:hover,.news_l dl dd a:hover,.news_c ul li a:hover,.wd_t a:hover,.about dl dd h5 a:hover{color: #EF9002;}
.news_bt em{font-size: 14px;color: #333; padding:0 0 0 15px;}
.news_bt span,.wd_t span{float: right;}
.news_bt span a,.wd_t span a{font-size: 14px;color: #666;}

.news_c{ width:836px;   height:480px;overflow:hidden;}
.news_pic{width: 836px;height: 284px;overflow: hidden;margin-bottom: 30px;}
.news_pic img{width: 836px;height: 284px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news_pic img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news_c ul li{width: 836px; height:46px;line-height: 46px;overflow: hidden; border-bottom:#d6d6d6 1px dashed;}
.news_c ul li a{width: 400px;font-size: 14px;color: #000;display: block;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_c ul li span{float: right;font-size: 14px;color: #7b7b7b;display: block;width: 100px; text-align: right;}

.news_l{ width:300px;height: 480px;overflow:hidden; background:url(../images/news_line.gif) no-repeat;padding: 0 0 0 45px;}
.wd_t{height: 70px;line-height: 60px; background:url(../images/wd_ico.gif) no-repeat 0 16px;text-transform: uppercase;color: #333;font-size: 20px;font-weight: normal;}
.wd_t a{ padding:0 0 0 40px;}
.wd_m{height: 400px;overflow: hidden;}
.news_l dl{width: 300px; padding:0 0 26px;}
.news_l dl dt{width: 300px;height: 60px;overflow: hidden;}
.news_l dl dt a{display: block; padding:0 20px 0 75px;width: 205px; background:url(../images/wen02.gif) no-repeat;font-size: 14px;color: #333;height: 60px;line-height: 60px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_l dl dt a:hover{color: #EF9002;}
.news_l dl dd{ background:url(../images/da.gif) no-repeat;width: 180px;height: 50px; overflow:hidden; margin:25px 0 0;font-size: 14px;color: #333; padding:10px 80PX 0 40px;line-height: 20px;}

/*走进胜昌机械*/
.ab_bg{ background:url(../images/ab_bg.jpg) no-repeat center 0; padding:43px 0 0;overflow: hidden;}
.about dl{width: 1200px;margin: 0 auto;}
.about dl dt{width: 1200px;height: 434px;overflow: hidden;line-height: 0;}
.about dl dt img{width: 1200px;height: 434px;}
.about dl dd{padding: 30px 0 30px;width: 1200px;text-align: center;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{font-size: 16px;color: #333;}
.about .ab_desc{font-size: 14px; color: #333; line-height: 25px;  overflow: hidden;padding: 10px 0 0;}
.about ul{display: block;width: 1200px;padding: 40px 0 0;margin: 0 auto;}
.about ul li{width: 195px;float: left;padding: 0 20px;}
.about ul li a{font-size: 16px;color: #000;display: block;width: 195px;height: 73px;line-height: 73px;overflow: hidden; background:url(../images/ab_k01.png) no-repeat;font-weight: bold;}
.about ul li a:hover,.about ul li.cur a{ background:url(../images/ab_k02.png) no-repeat;}
.about ul li b{width: 40px;height: 40px;float: left;line-height: 0;padding: 17px 0 0;}
.about ul li b img{width: 40px;height: 40px;}
.about ul li span{width: 140px;float: left;display: block;text-align: center;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}
.lanrenzhijia {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;

}
.news_dt {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.lanrenzhijia .news_dt a {
	display: block;
	float: left;
	text-decoration: none;
	width: 280px;
	font-size: 16px;
	margin: 0px 10px;
	padding: 15px 30px;
	box-shadow: 0 0 5px #ddd inset;
	transition: all 0.8s linear;
}
.lanrenzhijia .news_dt a.on {
	text-decoration: none;
	width: 400px;
	font-weight: bold;
	background: #f8f8f8;
	transition: all 0.8s linear;
}
.lanrenzhijia .news_dt a.on .news_dt_rm {
	transition: all 0.8s linear;
	color: #EF9002;
}
.news_dt_rm {
	overflow: hidden;
	border-bottom: solid 1px #ccc;
	line-height: 40px;
	font-size: 20px;
	padding-left: 10px;
	transition: all 0.8s linear;
	font-weight: bold;
	color: #1268CB;
}
.news_dt_ren {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #999;
	line-height: 26px;
	font-weight: normal;
	padding-left: 10px;
}
.lanrenzhijia .content {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	height: 405px;
	position: relative;
	min-width: 1200px;
	margin-top: 20px;
}
.lanrenzhijia .content .ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 1200px;
	min-width: 1200px;
}
.lanrenzhijia .content .li {
	width: 1200px;
	float: left;
	min-width: 1200px;
}
.news .news_div_item, .news .divdgweb_new_div_item {
	width: 578px;
	height: 180px;
	float: left;
	position: relative;
	margin: 12px 11px;
	transition: all 0.8s linear;
	box-shadow: 0 0 2px #ccc inset;/*background: url(../images/20181227162817_594763620.png) no-repeat 8px center;*/
}
.news_div_item_pic {
	float: left;
	width: 282px;
	height: 180px;
	overflow: hidden;
	box-shadow: 0 0 1px #ddd;
}
.news_div_item_pic img {
    width: 280px;
    height: 178px;
	transition: all 0.5s linear;
	border: 1px solid #ededed;
}
.news_div_item_content, .divdgweb_new_div_item_content {
	float: right;
	width: 270px;
	margin-right: 10px;
}
.news_div_item_title, .divdgweb_new_div_item_title {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 270px;
	padding-top: 10px;
}
.news_div_item_title a, .divdgweb_new_div_item_title a {
	font-size: 17px;
	transition: all 0.8s linear;
}
.news_div_item_body, .divdgweb_new_div_item_body {
	overflow: hidden;
	line-height: 23px;
	padding-top: 16px;
	height: 71px;
	font-size: 14px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 28px;
}
.news_dt_rgo {
	overflow: hidden;
	transition: all 0.8s linear;
}
.news_dt_rgo a {
	font-size: 0px;
	line-height: 0px;
}
.news_dt_rgo span {
	display: block;
	width: 90px;
	height: 1px;
	background: #999;
	transition: all 0.8s linear;
}
.news_dt_rgo p {
	font-size: 14px;
	line-height: 48px;
	text-align: right;
	position: relative;
	z-index: 2;
	color: #0067d0;
	transition: all 0.8s linear;
	margin-left: 200px;
	width: 270px;
}
.news_div_item_date, .divdgweb_new_div_item_date {
	position: absolute;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 310px;
	margin-top: 142px;
	color: #999;
}
.news_div_item_year, .divdgweb_new_div_item_year {
	float: left;
}
.news_div_item_month, .divdgweb_new_div_item_month {
	float: left;
}
.news_div_item_day, .divdgweb_new_div_item_day {
	float: left;
}
.news .news_div_item:hover .news_dt_rgo span, .news .divdgweb_new_div_item:hover .news_dt_rgo span {
	transition: all 0.8s linear;
	width: 100%;
}
.news .news_div_item:hover .news_div_item_title a, .news .divdgweb_new_div_item:hover .divdgweb_new_div_item_title a {
	transition: all 0.8s linear;
	color: #0067d0;
}
.news .news_div_item:hover .news_dt_rgo p, .news .divdgweb_new_div_item:hover .news_dt_rgo p {
	transition: all 0.8s linear;
	width: 100%;
	margin-left: 0px;
}
.news .news_div_item:hover .news_div_item_pic img, .news .divdgweb_new_div_item:hover .news_div_item_pic img {
	transition: all 0.5s linear;
	transform: scale(1.15);
}
.h-tel {
    float: right;
    /* margin: 30px 0 35px; */
    background: url(../images/h-tel.jpg) left center no-repeat;
    width: 280px;
    height: 68px;
    font-size: 24px;
    color: #1269cc;
    padding: 40px 0 0 85px;
    box-sizing: border-box;
}