@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;font-weight: normal;position: relative;padding-bottom: 16px;}
.tit:after{position: absolute;width: 24px;height: 2px;content: "";background: #cc0000;left: 50%;bottom: 0;margin-left: -12px;}
.tit span{display: block;font-size: 42px;color: #333333;line-height: 42px;}
.tit i{display: block;font-size: 22px;color: #333;line-height: 40px;}


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.banner .content{position: relative;}
.ban_pg{position: absolute;left: 0;bottom: 100px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #666;border-radius: 100%;margin: 0 15px;vertical-align: top;}
.ban_pg i.on{background: #bf0008;}
.banner .prev{display:none;position: absolute;width: 75px;height: 77px;left: 5%;top: 50%;margin-top: -38px;z-index: 10;}
.banner .next{display:none;position: absolute;width: 75px;height: 77px;right: 5%;top: 50%;margin-top: -38px;z-index: 10;}
.banner:hover .prev,.banner:hover .next{display:block;}

/*nav*/
.nav{height: 0;position: relative;}
.nav ul{position: absolute;width: 1200px;height: 180px;left: 50%;margin-left: -600px;top: -87px;z-index: 100;box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08);}
.nav li{float: left;width: 14.28%;height: 180px;border-right: 1px solid #eaeaea;background: #fff;box-sizing: border-box;}
.nav li i{display: block;text-align: center;height: 50px;overflow: hidden;margin: 44px 0 0;}
.nav li span{display: block;font-size: 18px;color: #333;line-height: 64px;text-align: center;}
.nav li:last-child{border: 0;}
.nav li:hover{background: url(../images/nav_li.jpg) no-repeat;}
.nav li:hover i img{position: relative;top: -50px;}
.nav li:hover span{color: #fff;}


/*yz*/
.yz{padding: 164px 0 0;height: 602px;box-sizing: border-box;background: url(../images/yz_bg.jpg) no-repeat center 0;}
.yz_l{float: left;width: 340px;}
.yz_l h2{font-size: 42px;color: #333;line-height: 55px;font-weight: normal;}
.yz_l h2 b{display: block;}
.yz_l p{font-size: 16px;color: #999999;line-height: 22px;opacity: 0.8;font-family: Arial;margin: 15px 0 44px;}
.yz_l .more{display: block;font-size: 18px;color: #bf0008;line-height: 18px;background: url(../images/ys_jt.png) no-repeat 86px center;transition: all 0.5s;}
.yz_l .more:hover{background-position: 94px center;}
.yz_r{float: right;width: 830px;}
.yz_r li{float: left;width: 188px;margin-right: 26px;}
.yz_r li:last-child{margin-right: 0;}
.yz_r li img{display: block;width: 188px;height: 188px;margin: 0 auto;transition: all 1s;}
.yz_r li p{font-size: 20px;color: #333;line-height: 76px;text-align: center;}
.yz_r li:hover img{transform: rotateY(180deg);}

/*pro*/
.pro{background: url(../images/pro_bg.jpg) no-repeat center 0;}
.pro h2{margin-bottom: 32px;}
.pro_list dl{float: left;width: 25%;border-right: 1px solid transparent;box-sizing: border-box;position: relative;overflow: hidden;}
.pro_list dt img{display: block;width: 100%;}
.pro_list dd{height: 10rem;background: #fff;text-align: center;}
.pro_list dd h3{padding: 2.2rem 0 0;font-weight: normal;}
.pro_list dd h3 span{display: block;font-size: 1.3rem;color: #1e1e1e;line-height: 1.3rem;}
.pro_list dd h3 i{display: block;font-size: 0.6rem;color: #ccc;line-height: 1.9rem;}
.pro_list dd .more{display: block;width: 2.2rem;margin: 0.5rem auto 0;}
.pro_list dd .more img{display: block;width: 100%;}
.pro_list dl .hv{position: absolute;width: 100%;height: 0;background: url(../images/pro_li.jpg) no-repeat;background-size: 100% 100%;left: 0;bottom: 0;transition: all 0.5s;}
.pro_list dl .hv h4{font-size: 1.3rem;line-height: 1.3rem;height: 2.3rem;position: relative;margin: 4.3rem 0 1.5rem;}
.pro_list dl .hv h4:after{position: absolute;width: 24px;height: 1px;left: 50%;content: "";margin-left: -12px;bottom: 0;background: #fff;opacity: 0.5;}
.pro_list dl .hv h4 a{color: #fff;}
.pro_list dl .hv p{font-size: 0.8rem;color: #fff;line-height: 1.5rem;width: 74%;margin: 0 auto 4rem;height: 6rem;}
.pro_list dl .hv .xq{display: inline-block;width: 6rem;height: 2rem;line-height: 2rem;font-size: 0.8rem;color: #fff;border: 1px solid #fff;box-sizing: border-box;border-radius: 1rem;margin: 0 0.3rem;}
.pro_list dl .hv .zx{display: inline-block;width: 6rem;height: 2rem;line-height: 2rem;font-size: 0.8rem;color: #333;background: #fff;box-sizing: border-box;border-radius: 1rem;margin: 0 0.3rem;}
.pro_list dl:hover .hv{height: 24rem;}

/*ys*/
.ys{padding: 100px 0 0;height: 1032px;background: url(../images/ys_bg.jpg) no-repeat center 0;}
.ys h2{margin-bottom: 35px;}
.ys_con dl{float: left;width: 400px;}
.ys_con dt{height: 400px;position: relative;overflow: hidden;}
.ys_con dt img{transition: all 0.5s;}
.ys_con dt:hover img{transform: scale(1.05);}
.ys_con dt:after{position: absolute;border: 16px solid transparent;border-bottom-color: #fff;left: 50%;margin-left: -16px;bottom: 0;content: "";}
.ys_con dd{height: 400px;background: #fff;padding: 0 45px;}
.ys_con dd h3{font-size: 22px;color: #333;line-height: 32px;padding: 55px 0 30px;}
.ys_con dd p{font-size: 16px;color: #666;line-height: 28px;}
.ys_con dd .more{display: block;font-size: 18px;color: #bf0008;line-height: 18px;background: url(../images/ys_jt.png) no-repeat 86px center;transition: all 0.5s;margin-top: 50px;}
.ys_con dd .more:hover{background-position: 94px center;}
.ys_con dl:nth-child(2) dt:after{border: 16px solid transparent;border-top-color: #fff;bottom: auto;top: 0;}

/*cess*/
.cess{height: 860px;padding-top: 120px;box-sizing: border-box;background: url(../images/cess_bg.jpg) no-repeat center 0;}
.cess_l{float: left;width: 400px;}
.cess_l h2{font-size: 42px;line-height: 42px;color: #333;height: 68px;position: relative;font-weight: normal;}
.cess_l h2:after{position: absolute;width: 25px;height: 2px;content: "";background: #cc0000;left: 0;bottom: 0;}
.cess_l h3{font-size: 24px;color: #333;line-height: 24px;padding: 44px 0 18px;}
.cess_desc p{font-size: 16px;color: #333;line-height: 30px;/*padding-left: 20px;background: url(../images/cess_dian.png) no-repeat left center;*/}
.cess_btn{height: 40px;margin-top: 94px;}
.cess_btn .xq{display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #333;border: 1px solid #333;box-sizing: border-box;border-radius: 20px;margin-right: 10px;}
.cess_btn .zx{display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background: #bf0008;box-sizing: border-box;border-radius: 20px;}
.cess_r{float: right;width: 894px;height: 620px;padding-top: 74px;text-align: center;font-size: 0;line-height: 0;box-sizing: border-box;background: #fff;margin-right: -94px;box-shadow:0px 0px 49px 0px rgba(0, 0, 0, 0.06);}
.cess_r li{display: inline-block;width: 194px;height: 194px;background: url(../images/cess_c.png) no-repeat;margin: 0 30px 65px;position: relative;transition: all 0.5s;}
.cess_r li img{display: block;height: 52px;margin: 35px auto 20px;}
.cess_r li p{font-size: 18px;color: #333;line-height: 26px;}
.cess_r li i{position: absolute;width: 33px;height: 33px;line-height: 33px;font-size: 20px;color: #fff;border-radius: 100%;background: #cc0000;left: 50%;bottom: -16px;margin-left: -16px;z-index: 10;}
/*.cess_r li:hover:after{position: absolute;width: 100%;height: 100%;border-radius: 100%;content: "";border: 1px solid #cc0000;box-sizing: border-box;left: 0;top: 0;transition: all 1s;}*/
.cess_r li:hover p{color: #cc0000;}
.cess_r li:hover{transform: translateY(-8px);}


/*case*/
.case{height: 679px;padding-top: 100px;background: url(../images/case_bg.jpg) no-repeat center 0;width: 100%;overflow-x: hidden;}
.case h2{margin-bottom: 30px;}
.case_list{position: relative;}
.case_list dl{float: left;width: 446px;padding: 0 67px;height: 330px;background: #fff;margin-right: 40px;}
.case_list dd{height: 285px;position: relative;}
.case_list dd i{position: absolute;width: 124px;height: 124px;border-radius: 100%;border: 8px solid #efebea;overflow: hidden;right: -32px;top: -70px;}
.case_list dd i img{width: 124px;height: 124px;}
.case_list dd h4{font-size: 28px;color: #333;line-height: 28px;font-weight: normal;padding: 44px 0 0;margin-bottom: 22px;}
.case_dsec{font-size: 16px;color: #333;line-height: 30px;height:150px;overflow:hidden;}
.case_list dd .xq{display: block;font-size: 18px;color: #bf0008;line-height: 18px;background: url(../images/ys_jt.png) no-repeat 86px center;transition: all 0.5s;margin-top: 28px;}
.case_list dd .xq:hover{background-position: 94px center;}
.case_list dt{height: 141px;}
.case_list dt p{float: left;width: 222px;height: 141px;position: relative;}
.case_list dt p img{width: 222px;height: 141px;}
.case_list dt p span{position: absolute;width: 54px;height: 56px;padding: 8px 4px 0 0;box-sizing: border-box;background: url(../images/case_c.png) no-repeat;left: 0;bottom: 0;font-size: 16px;color: #333333;line-height: 48px;text-align: center;}
.case_list dt p:nth-child(2){float: right;}
.case_list .tempWrap{width: 1200px !important;padding: 0 20px;margin-left: -20px;}
.case_bd{padding: 70px 0 20px !important;}
.case_list dl:hover{box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);}
.case_pg{height: 12px;text-align: center;margin-top: 27px;}
.case_pg i{display: inline-block;width: 12px;height: 12px;border-radius: 6px;margin: 0 6px;vertical-align: top;background: #000;opacity: 0.5;transition: all 0.3s;}
.case_pg i.on{width: 30px;background: #bf0008;opacity: 1;}
.case_list .prev{position: absolute;width: 64px;height: 32px;background: url(../images/prev1.png) no-repeat;left: -115px;top: 250px;}
.case_list .next{position: absolute;width: 64px;height: 32px;background: url(../images/next1.png) no-repeat;right: -115px;top: 250px;}
.case_list .prev:hover{background: url(../images/prev1h.png) no-repeat;}
.case_list .next:hover{background: url(../images/next1h.png) no-repeat;}

/*team*/
.team{padding-top: 170px;background: url(../images/team_bg.jpg) no-repeat center 0;position: relative;width: 100%;overflow-x: hidden;}
.team h2{position: absolute;width: 100%;left: 0;top: 100px;z-index: 10;}
.team_bd dl{height: 738px;}
.team_bd dt{float: left;width: 586px;height: 738px;}
.team_bd dd{float: right;width: 550px;margin-top: 108px;}
.team_bd dd h3{height: 64px;background: url(../images/team_k.png) no-repeat 128px center;font-weight: normal;margin-bottom: 25px;}
.team_bd dd h3 em{float: left;width: 148px;font-size: 36px;color: #bf0008;line-height: 42px;}
.team_bd dd h3 em i{display: block;font-size: 18px;line-height: 22px;font-family: Arial;}
.team_bd dd h3 span{float: left;font-size: 24px;color: #333;line-height: 32px;}
.team_desc p{font-size: 16px;color: #333;line-height: 36px;padding-left: 20px;background: url(../images/cess_dian.png) no-repeat left 14px;}
.scxm{padding-top: 30px;border-top: 1px solid rgba(153,153,153,0.5);height: 122px;margin-top: 22px;}
.scxm b{display: block;padding-left: 36px;font-size: 22px;color: #333;line-height: 26px;background: url(../images/team_c.png) no-repeat left center;}
.scxm p{font-size: 16px;color: #333;line-height: 26px;padding-top:12px;}
.scxm p span{margin-right: 24px;}
.team_bd dd .more{display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #333;border: 1px solid #333;box-sizing: border-box;border-radius: 20px;margin-right: 14px;}
.team_bd dd .zx{display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background: #bf0008;box-sizing: border-box;border-radius: 20px;}
.team_list{margin-top: 2px;}
.team_list li{float: left;width: 9.09%;border-right: 2px solid transparent;position: relative;box-sizing: border-box;}
.team_list li img{display: block;width: 100%;}
.team_list li span{transition: all 0.3s;transform: scale(0);opacity: 0;position: absolute;width: 100%;height: 100%;font-size: 18px;color:#fff;line-height: 8.5rem;text-align: center;background: rgba(191,0,8,0.9);left: 0;top: 0;}
.team_list li.on span{opacity: 1;transform: scale(1);}
.team_con{position: relative;}
.team_con .prev{position: absolute;width: 64px;height: 32px;background: url(../images/prev1.png) no-repeat;left: -115px;top: 290px;}
.team_con .next{position: absolute;width: 64px;height: 32px;background: url(../images/next1.png) no-repeat;right: -115px;top: 290px;}
.team_con .prev:hover{background: url(../images/prev1h.png) no-repeat;}
.team_con .next:hover{background: url(../images/next1h.png) no-repeat;}


/*sheb*/
.sheb{height: 1040px;padding-top: 100px;box-sizing: border-box;background: url(../images/sheb_bg.jpg) no-repeat center 0;width: 100%;overflow-x: hidden;}
.sheb h2{margin-bottom: 36px;}
.sheb dl{height: 340px;background: #fff;}
.sheb dt{float: left;width: 748px;height: 340px;overflow: hidden;}
.sheb dt img{width: 748px;height: 340px;transition: all 0.5s;}
.sheb dt:hover img,.sheb_list li i:hover img{transform: scale(1.05);}
.sheb dd{float: right;width: 340px;margin-right: 54px;height: 340px;}
.sheb dd h4{font-size: 24px;color: #333;line-height: 24px;font-weight: normal;padding: 56px 0 20px;}
.sheb dd p{font-size: 16px;color: #666;line-height: 30px;}
.sheb dd .xq{display: block;font-size: 18px;color: #bf0008;line-height: 18px;background: url(../images/ys_jt.png) no-repeat 86px center;transition: all 0.5s;margin-top: 28px;}
.sheb dd .xq:hover{background-position: 94px center;}
.sheb_list{position: relative;}
.sheb_list .tempWrap{width: 1200px !important;padding: 0 16px;margin-left: -16px;}
.sheb_list ul{padding: 24px 0 20px !important;}
.sheb_list li{float: left;width: 288px;margin-right: 16px;}
.sheb_list li i{display: block;height: 288px;overflow: hidden;}
.sheb_list li img{width: 288px;height: 288px;transition: all 0.5s;}
.sheb_list li span{display: block;height: 55px;line-height: 55px;text-align: center;font-size: 16px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: #fff;padding:0 10px;}
.sheb_list li:hover{box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.2);}
.sheb_list li:hover span{color: #bf0008;}
.sheb_list .prev{position: absolute;width: 64px;height: 32px;background: url(../images/prev1.png) no-repeat;left: -115px;top: 176px;}
.sheb_list .next{position: absolute;width: 64px;height: 32px;background: url(../images/next1.png) no-repeat;right: -115px;top: 176px;}
.sheb_list .prev:hover{background: url(../images/prev1h.png) no-repeat;}
.sheb_list .next:hover{background: url(../images/next1h.png) no-repeat;}


/*news*/
.news{padding: 100px 0 100px;}
.news h2{margin-bottom: 40px;}
.new-l{float: left;width: 570px;}
.new-l h3 a{display: block;height: 158px;overflow:hidden;}
.new-l h3 em{width: 150px;height: 158px;background: #bf0008;display: block;float: left;box-sizing: border-box;color: #fff;padding: 36px 0 0 26px;font-weight: normal;font-size: 12px;line-height: 12px;}
.new-l h3 em span{display: block;font-size: 24px;font-weight: bold;width: 43px;white-space: nowrap;line-height:30px;margin-bottom: 8px;}
.new-l h3 p{width: 420px;float: left;}
.new-l h3 p img{width: 420px;height: 158px;}
.new-l-c dl{border-bottom: 1px solid #DCDCDC;min-height: 46px;overflow:  hidden;}
.new-l-c dl dt{height: 50px;}
.new-l-c dl dt em{display: inline-block;width: 150px;margin-right: -5px;line-height: 50px;text-align: center;font-size: 16px;color: #999;}
.new-l-c dl dt h4{display: inline-block;width: 420px;line-height: 50px;font-weight: normal;}
.new-l-c dl dt h4 a{color: #333;display: block;font-size: 16px;}
.new-l-c dl dd{height: 0;opacity: 0;padding: 0;transition: all .2s linear;font-size: 0;line-height: 0;}
.new-l-c dl dd em{width: 150px;display: inline-block;font-size: 60px;line-height: 90px;color: #bf0008;text-align: center;height: 100px;font-family: Arial;position: relative;vertical-align: top;}
.new-l-c dl dd em i{display: block;font-size: 16px;color: #999;line-height: 18px;height: 34px;position: relative;}
.new-l-c dl dd em i:after{position: absolute;width: 16px;height: 1px;content: "";background: #999;right: 40px;bottom: 0;}
.new-l-c dl dd h4{display: inline-block;width: 420px;}
.new-l-c dl dd h4 b a{font-size: 18px;line-height: 18px;color: #333;display: block;font-weight: normal;}
.new-l-c dl dd h4 b:hover a{color: #bf0008;}
.new-l-c dl dd h4 span{display: block;font-size: 14px;color: #999;line-height: 24px;margin-top: 18px;font-weight: normal;}
.new-l-c dl.cur{position:relative;z-index:1;}
.new-l-c dl.cur dt{display: none;}
.new-l-c dl.cur dd{display: block;padding:44px 0 41px 0;opacity: 1;height: auto;}
.new-r{float: right;width: 572px;}
.new-r-t li{margin-bottom: 40px;}
.new-r-t li h4 a{display: block;font-size: 18px;color: #333;font-weight: normal;line-height: 18px;}
.new-r-t li h4 a:hover{color: #bf0008;}
.new-r-t li h4 a:before{content: "";display: inline-block;width: 9px;height: 9px;vertical-align: top;background: #bf0008;margin-right: 15px;margin-top: 5px;}
.new-r-t li p{display: block;font-size: 14px;line-height: 24px;color: #888;margin-top: 10px;}
.new-r-b{background: url(../images/new2.jpg) no-repeat;height: 160px;box-sizing: border-box;padding: 48px 0 0 49px;}
.new-r-b a{display: block;}
.new-r-b h3{display: block;font-size: 24px;line-height: 24px;color: #333;width: 43px;white-space: nowrap;padding: 0 0 20px;}
.new-r-b em{display: block;font-size: 12px;line-height: 12px;color: #333;text-transform: uppercase;background: url(../images/new_jt.png) no-repeat 48px center;}
.new-l-c dl{border-bottom: 1px solid #DCDCDC;height: 50px;overflow:  hidden;}
.new-l-c dl.cur{height: 194px;overflow:  visible;}

/*abt*/
.abt dl{position: relative;}
.abt dt img{display: block;width: 100%;}
.abt dd{position: absolute;width: 1200px;height: 214px;background: #fff;left: 50%;margin-left: -600px;bottom: -110px;z-index: 10;box-shadow:0px 0px 25px 0px rgba(0, 0, 0, 0.08);}
.abt dd h2{float: left;padding-left: 60px;padding-bottom: 0;text-align: left;width: 240px;height: 135px;margin-top: 40px;border-right: 1px solid #e5e5e5;position: relative;}
.abt dd h2 span{line-height: 42px;}
.abt dd h2:after{position: absolute;width: 36px;height: 4px;content: "";background: #bf0008;margin-left: 0;left: 60px;bottom: 10px;}
.abt_txt{float: right;width: 785px;margin-right: 60px;height: 214px;}
.abt_desc{font-size: 16px;color: #333;line-height: 30px;padding: 40px 0 15px;}
.abt_txt .more{float: right;padding-right: 98px;margin-right: -10px;font-size: 18px;color: #bf0008;line-height: 18px;background: url(../images/ys_jt.png) no-repeat 86px center;transition: all 0.5s;}
.abt_txt .more:hover{background-position: 94px center;}


/*dian*/
.dian{height: 750px;padding-top: 190px;box-sizing: border-box;background: url(../images/dian_bg.jpg) no-repeat center 0;}
.dian h2{padding-bottom: 12px;margin-bottom: 34px;}
.dian h2 i{font-size: 12px;opacity: 0.5;color: #333;font-family: Arial;line-height: 32px;letter-spacing: 1px;}
.dian_list{height: 440px; width:888px;margin:0 auto;}
.dian_list dl{float: left;width: 266px;height: 440px;margin-right: 45px;position: relative;}
.dian_list dl:after{position: absolute;width: 1px;height: 440px;content: "";background: #000;right: -23px;top: 0;opacity: 0.2;}
.dian_list dt img{display: block;width: 266px;height: 156px;}
.dian_list dd h3{font-size: 18px;color: #333;line-height: 18px;padding: 30px 0 20px;}
.dian_list dd p{font-size: 15px;color: #333;line-height: 26px;padding-left: 26px;background: url(../images/site.png) no-repeat left 4px;margin-bottom: 16px;}
.dian_list dd p span{display: inline-block;width: 150px;vertical-align: top;}
.dian_list dd .tel{background: url(../images/tel_ic.png) no-repeat left 4px;}
.dian_list dl:last-child{margin-right: 0;overflow: hidden;}


.links{height: 90px;line-height: 90px;font-size: 14px;color: #fff;background: #040303;}
.links a{color: #fff;margin-right: 80px;opacity: 0.5;}






@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}