@charset "utf-8";
/*end*/
body{overflow-x:hidden;}


.search{height:78px; border-bottom:1px solid #eeeeee;}
.sea{height:78px;}
.sea span{display: block;float:left;width:600px; height:78px; line-height: 78px;}
.sea span i,.sea span a{display: block;float:left; font-size: 14px; color:#535353;}
.sea span a{margin-right: 20px;}
.sea p{float:right;width:346px; height:31px; margin-top: 25px; background:#f3f3f3; border-radius:16px;}
.sea p .txt{width:237px; height:31px; padding:0 15px; float:left;background:0;}
.sea p .btn{width:59px; height:31px;float:right; background:url(../images/btn.png) no-repeat center; cursor: pointer;}
/**/
.prsebj{height:900px; background:url(../images/prsebj.jpg) no-repeat center;}
.prs{padding-top:87px;}
.prs .pronav{height:145px;}
.prs .pronav .t{width:95px; height:28px; float:right; background:url(../images/d.png) no-repeat center;}
.prs .pronav .prse{float:left;height:121px;width:1200px;}
.prs .pronav .prse span{display: block; width:590px;float:left;}
.prs .pronav .prse span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.prs .pronav .prse span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.prs .pronav .prse span em{display: block; height:45px; line-height: 38px; font-weight: bold; font-size: 36px; color:#008191; padding:3px 0 7px 102px; background:url(../images/DEVICES.png) no-repeat left;}
.prs .pronav .prse ul{height:82px;padding-top:39px;float:right; width:245px; }
.prs .pronav .prse ul li{float:left;height:82px;width:91px; margin-left: 30px; position: relative; }
.prs .pronav .prse ul li a{display: block;width:91px; height:34px;text-align: center; line-height: 34px; font-size: 18px; color:#008191;box-sizing: border-box;border: 1px solid #FFF;}
.prs .pronav .prse ul li.cur a{border:1px solid #008191; border-radius: 17px;}
.prs .pronav .prse ul li i{display: none;width:19px; height:14px;  background:url(../images/icon.png) no-repeat center;position: absolute; bottom: -1px;left: 35px;z-index: 100;}
.prs .pronav .prse ul li.cur i{display: block;}
.prs .pronav .pr_sm{height:586px;}
.prs .pronav .pr_sm span{display: block;float:left;width:599px; height:584px; border:1px solid #a6e0e7; border-right:0;box-sizing: border-box;}
.prs .pronav .pr_sm span img{width:599px; height:584px;}
.prs .pronav .pr_sm .prsm{width:600px; height:586px; background:#f3f3f3; padding-top:95px; padding-left:76px; float:right; border:1px solid #e5e5e5;border-bottom-right-radius: 100px;box-sizing: border-box; }
.prs .pronav .pr_sm .prsm b{display: block; margin-bottom: 43px; line-height: 24px;}
.prs .pronav .pr_sm .prsm b a{font-size: 24px; line-height: 24px; color:#313131; font-weight: normal;}
.prs .pronav .pr_sm .prsm p{margin-bottom: 46px;}
.prs .pronav .pr_sm .prsm p i{display: block; font-size: 18px; color:#008191; padding-left:23px; margin-bottom: 24px;}
.prs .pronav .pr_sm .prsm p i.y{background:url(../images/cp.png) no-repeat left;}
.prs .pronav .pr_sm .prsm p i.m{background:url(../images/md.png) no-repeat left;}
.prs .pronav .pr_sm .prsm p em{font-size: 14px; color:#313131;width:424px;display: block;}
.prs .pronav .pr_sm .prsm strong{display: block;width:222px; height:39px;border:1px solid #008191;box-sizing: border-box; border-radius: 20px;}
.prs .pronav .pr_sm .prsm strong a{display: block; float:left; width:50%; height:38px; text-align: center; line-height: 39px;font-size: 14px; color:#008191; font-weight: normal;}
.prs .pronav .pr_sm .prsm strong a.zx{background:#008191; color:#FFF;border-bottom-right-radius: 20px;border-top-right-radius: 20px;}
.prs .pronav .hzce{height:395px; margin-top: 127px;margin-bottom: 86px;}
.prs .pronav .hzce .hz{width:600px;height:395px; float:left;}
.prs .pronav .hzce .hz span{display: block;font-size: 24px; line-height:24px; color:#008191;margin-bottom: 35px;}
.prs .pronav .hzce .hz ul{width:554px; height:307px;padding-top:30px;padding-left:46px;background:#FFF; border-bottom-left-radius: 50px;}
.prs .pronav .hzce .hz ul li{float:left;width:160px; height:80px; overflow: hidden;transition: .3s; margin-right:23px; margin-bottom: 20px;}
.prs .pronav .hzce .hz ul li img{width:160px; height:80px; }
.prs .pronav .hzce .hz ul li:hover{box-shadow:5px 5px 10px #eee,-5px -5px 10px #eee;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.prs .pronav .hzce .video{width:600px; float:right;}
.prs .pronav .hzce .video span{display: block;font-size: 24px; line-height:24px; color:#008191;margin-bottom: 35px;}
.prs .pronav .hzce .video p{width:597px; height:337px;}
.prs .pronav .hzce .video p img{width:597px; height:337px;}
.prs .pronav .gd{width:164px; height:47px; margin:0 auto;}
.prs .pronav .gd a{display: block;width:164px; height:47px; text-align: center; line-height: 47px; background:#FFFFFF; font-size: 14px; color:#008191; border-radius: 24px; }
/**/
.casebj{height:1180px;}
.case{padding-top:115px;}
.case .wscase{height:451px; margin-bottom: 100px;}
.case .wscase .crse{float:left;height:120px;width:1200px;}
.case .wscase .crse span{display: block; width:590px;float:left;}
.case .wscase .crse span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.case .wscase .crse span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.case .wscase .crse span em{display: block; height:45px; line-height: 38px; font-weight: bold; font-size: 36px; color:#008191; padding:5px 0 7px 104px; background:url(../images/cases.png) no-repeat left;}
.case .wscase .crse ul{padding-top:39px;float:right; width:495px; height:81px; }
.case .wscase .crse ul li{float:left;height:32px; line-height: 32px; position: relative; }
.case .wscase .crse ul li a{display: block;padding:0 25px;height:32px;text-align: center; line-height: 32px; font-size: 18px; color:#008191;box-sizing: border-box;border: 1px solid #FFF;}
.case .wscase .crse ul li.cur a{border:1px solid #008191; border-radius: 17px;}
.case .wscase .con{height:331px;}
.case .wscase .con ul li{width:285px;height:160px;float:left; margin-bottom: 11px; overflow: hidden;}
.case .wscase .con ul li.first{width:894px; height:331px; float:right; margin-left: 20px;}
.case .wscase .con ul li.first dl dt{width:589px; height:331px; float:right;}
.case .wscase .con ul li.first dl dt img{width:589px; height:331px; float:right;}
.case .wscase .con ul li.first dl dt p{display: none;}
.case .wscase .con ul li.first dl dd{display: block;width:258px; height:270px; padding-top:61px; padding-left:47px; background:#008191;float:left; border-bottom-left-radius:30px;}
.case .wscase .con ul li.first dl dd span{display: block; margin-bottom: 19px; position: relative; }
.case .wscase .con ul li.first dl dd span i{display: block; width:13px; height:17px; position: absolute;top:10px; right:-13px; background:url(../images/dbx.png) no-repeat center;}
.case .wscase .con ul li.first dl dd span a{ font-size: 18px; font-weight: bold; color:#FFF;}
.case .wscase .con ul li.first dl dd p{width:209px; height:111px; font-size: 14px; color:#FFF; margin-bottom: 27px;}
.case .wscase .con ul li.first dl dd em{display: block; width:164px; height:47px; text-align: center; line-height: 47px; background:#FFF; border-radius: 24px;}
.case .wscase .con ul li.first dl dd em a{display: block; font-size: 14px; color:#008191;}
.case .wscase .con ul li dl dt{width:285px; height:160px; overflow: hidden; position: relative;}
.case .wscase .con ul li dl dt img{width:285px; height:160px; transition: all 0.3s linear;}
.case .wscase .con ul li dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .wscase .con ul li dl dt p{width:285px; height:0; padding-top:0; overflow: hidden; background:url(../images/yy.png) no-repeat center; position: absolute; left:0; top:0; transition: 0.3s;}
.case .wscase .con ul li dl dt p i{display: block; text-align: center; font-size: 14px; color:#FFF; line-height: 14px; padding-bottom:47px; background:url(../images/jia.png) no-repeat bottom center;}
.case .wscase .con ul li dl dd{display: none;}
.case .wscase .con ul li:hover dl dt p{height:102px; padding-top:58px;}
.case .fqcase{height:451px;}
.case .fqcase .crse{float:left;height:120px;width:1200px;}
.case .fqcase .crse span{display: block; width:590px;float:left;}
.case .fqcase .crse span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.case .fqcase .crse span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.case .fqcase .crse span em{display: block; height:45px; line-height: 38px; font-weight: bold; font-size: 36px; color:#008191; padding:5px 0 7px 104px; background:url(../images/cases.png) no-repeat left;}
.case .fqcase .crse ul{padding-top:39px;float:right; width:316px; height:81px; }
.case .fqcase .crse ul li{float:left;height:32px; line-height: 32px; position: relative; }
.case .fqcase .crse ul li a{display: block;padding:0 25px;height:32px;text-align: center; line-height: 32px; font-size: 18px; color:#008191;box-sizing: border-box;border: 1px solid #FFF;}
.case .fqcase .crse ul li.cur a{border:1px solid #008191; border-radius: 17px;}
.case .fqcase .con{height:331px;}
.case .fqcase .con ul li{width:285px;height:160px;float:right; margin-bottom: 11px; overflow: hidden;}
.case .fqcase .con ul li.first{width:894px; height:331px; float:left; margin-right: 20px;}
.case .fqcase .con ul li.first dl dt{width:589px; height:331px; float:left;}
.case .fqcase .con ul li.first dl dt img{width:589px; height:331px; float:right;}
.case .fqcase .con ul li.first dl dt p{display: none;}
.case .fqcase .con ul li.first dl dd{display: block;width:258px; height:270px; padding-top:61px; padding-left:47px; background:#008191;float:left; border-bottom-right-radius:30px;}
.case .fqcase .con ul li.first dl dd span{display: block; margin-bottom: 19px; position: relative; }
.case .fqcase .con ul li.first dl dd span i{display: block; width:13px; height:17px; position: absolute;top:4px; left:-59px; background:url(../images/dbx1.png) no-repeat center;}
.case .fqcase .con ul li.first dl dd span a{ font-size: 18px; font-weight: bold; color:#FFF;}
.case .fqcase .con ul li.first dl dd p{width:209px; height:111px; font-size: 14px; color:#FFF; margin-bottom: 27px;}
.case .fqcase .con ul li.first dl dd em{display: block; width:164px; height:47px; text-align: center; line-height: 47px; background:#FFF; border-radius: 24px;}
.case .fqcase .con ul li.first dl dd em a{display: block; font-size: 14px; color:#008191;}
.case .fqcase .con ul li dl dt{width:285px; height:160px; overflow: hidden; position: relative;}
.case .fqcase .con ul li dl dt img{width:285px; height:160px; transition: all 0.3s linear;}
.case .fqcase .con ul li dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .fqcase .con ul li dl dt p{width:285px; height:0; padding-top:0; overflow: hidden; background:url(../images/yy.png) no-repeat center; position: absolute; left:0; top:0; transition: 0.3s;}
.case .fqcase .con ul li dl dt p i{display: block; text-align: center; font-size: 14px; color:#FFF; line-height: 14px; padding-bottom:47px; background:url(../images/jia.png) no-repeat bottom center;}
.case .fqcase .con ul li dl dd{display: none;}
.case .fqcase .con ul li:hover dl dt p{height:102px; padding-top:58px;}
/**/
.product{height:639px;}
.pro{padding-top:85px;}
.pro .prose{height:128px;width:1200px;}
.pro .prose span{display: block; width:590px;float:left;}
.pro .prose span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.pro .prose span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.pro .prose span em{display: block; height:46px; line-height: 46px; font-weight: bold; font-size: 36px; color:#008191; padding:0 0 0 102px; background:url(../images/products.png) no-repeat left;}
.pro .prose b{width:95px; height:28px; float:right; background:url(../images/d.png) no-repeat center;margin-top: 20px;}
.pro ul{height:279px;}
.pro ul li{float:left; width:208px; height:231px; border:1px solid #eeeeee; margin-left: 37px; border-bottom-right-radius: 30px; transition: all 0.3s linear;}
.pro ul li.first{margin-left: 0;}
.pro ul li span{display: block;width:142px;height:123px; float:right;}
.pro ul li span img{width:142px;height:123px;}
.pro ul li p{padding-left:26px;float: left;margin-top: -26px;}
.pro ul li p b{display: block; margin-bottom: 17px;line-height: 18px;}
.pro ul li p b a{font-size: 18px; line-height: 18px; color:#008191; font-weight: bold;}
.pro ul li p em{display: block; margin-bottom: 15px;}
.pro ul li p em a{font-size: 16px; color:#626262; line-height: 16px;}
.pro strong{display: block; width:164px; height:47px; text-align: center; line-height: 47px; background:#008191; margin:0 auto; border-radius: 24px;}
.pro strong a{display: block; font-size: 14px; color:#FFF; font-weight: normal;}
.pro ul li:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); box-shadow: 5px 5px 10px #eeeeee,-5px -5px 10px #eeeeee;}
/**/
.jzlbj{height:1279px; background:url(../images/edgebj.jpg) no-repeat center;}
.jzl{padding-top:116px;}
.jzl .jrose{height:144px;width:1200px;}
.jzl .jrose span{display: block; width:590px;float:left;}
.jzl .jrose span i{display: block; font-size: 18px; color:#fff; padding-left:100px; position: relative; margin-bottom: 17px;}
.jzl .jrose span i:before{width:89px; height:1px; background:#fff; content:""; position: absolute; left:0; bottom:9px;}
.jzl .jrose span em{display: block; height:45px; line-height: 45px; font-weight: bold; font-size: 36px; color:#FFF; padding:0 0 0 102px; background:url(../images/Advantage.png) no-repeat left;}
.jzl .jrose b{width:95px; height:28px; float:right; background:url(../images/edt1.png) no-repeat center;margin-top: 10px;}
.jzl .edt1{height:123px;}
.jzl .edt1 dl{height:97px;}
.jzl .edt1 dl dt{width:600px;float:left;height:97px;}
.jzl .edt1 dl dt span{display: block; padding-left:43px; background:url(../images/01.png) no-repeat left; font-size: 24px; line-height: 24px; color:#FFF; margin-bottom: 13px;}
.jzl .edt1 dl dt em{display: block; padding-left:43px; font-size: 24px; color:#FFF; font-weight: bold;}
.jzl .edt1 dl dd{width:600px; font-size: 18px; color:#FFF;height:97px; float:left;}
.jzl .edt1 ul li{float:left; width:185px; height:263px; border:1px solid #80c0c9; margin-bottom: 20px; box-sizing: border-box; margin-left: 25px; box-shadow: 5px 5px 10px #60b0bb,-5px -5px 10px #60b0bb;}
.jzl .edt1 ul li.f1{width:360px;height:263px; margin-left: 0;}
.jzl .edt1 ul li span{display: block;width:170px; height:247px;margin:7px auto 0;}
.jzl .edt1 ul li span img{width:170px; height:247px;}
.jzl .edt1 ul li.f1 span{display: block; width:339px; height:241px;}
.jzl .edt1 ul li.f1 span img{width:339px; height:241px;}
.jzl .edt2{height:797px;}
.jzl .edt2 ul li{float:left; width:590px; height:297px;}
.jzl .edt2 ul li dl dt{height:134px;padding-top:36px; padding-left:41px; position: relative;background: #FFF;}
.jzl .edt2 ul li dl dt i{display: block;width:35px; height:21px; background:url(../images/02.png) no-repeat center; margin-bottom: 13px;}
.jzl .edt2 ul li dl dt .ed2{background:url(../images/02.png) no-repeat center;}
.jzl .edt2 ul li dl dt .ed3{background:url(../images/03.png) no-repeat center;}
.jzl .edt2 ul li dl dt span{display: block; font-size: 24px; color:#008191;}
.jzl .edt2 ul li dl dt span em{display: block;font-size: 24px; font-weight: bold; margin-top: 12px; color:#008191;}
.jzl .edt2 ul li dl dt b{display: block; width:196px; height:185px; position: absolute; top:-15px; right:0;}
.jzl .edt2 ul li dl dt b img{width:196px; height:185px;}
.jzl .edt2 ul li dl dd{height:85px; padding-top:40px; background:#F3F3F3; border-bottom-right-radius: 50px;}
.jzl .edt2 ul li dl dd p{width:510px; height:39px; font-size: 14px; color:#434343;margin-left: 41px;}
.jzl .edt2 ul li.last{margin-left: 20px;}
/**/
.newsbj{height:666px;}
.news{padding-top:100px;}
.news .nrose{height:125px;width:1200px;}
.news .nrose span{display: block; width:590px;float:left;}
.news .nrose span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.news .nrose span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.news .nrose span em{display: block; height:45px; line-height: 40px; font-weight: bold; font-size: 36px; color:#008191; padding:0 0 0 102px; background:url(../images/news.png) no-repeat left;}
.news .news_fl{width:793px; float:left;}
.news .news_fl ul{width:366px;float:left;}
.news .news_fl ul li{height:68px; margin-bottom: 28px;}
.news .news_fl ul li dl dt{width:122px; height:68px;float:left;overflow: hidden;}
.news .news_fl ul li dl dt img{width:122px; height:68px; transition: all 0.3s linear;}
.news .news_fl ul li:hover  dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news_fl ul li dl dd{width:229px; float:left; padding-left:15px;}
.news .news_fl ul li dl dd span{display: block; line-height: 16px; margin-bottom: 10px; }
.news .news_fl ul li dl dd span a{font-size: 16px; color:#313131;}
.news .news_fl ul li dl dd span a:hover{color:#008191;}
.news .news_fl ul li dl dd p{font-size: 16px; line-height: 16px; color:#313131; margin-bottom: 13px;}
.news .news_fl ul li dl dd i{display: block;font-size: 14px; line-height: 14px; color:#7d7d7d;}
.news .news_fl .nws{float:right; width:386px;}
.news .news_fl .nws dl dt{width:386px; height:217px; margin-bottom: 21px; overflow: hidden;}
.news .news_fl .nws dl dt img{width:386px; height:217px; transition: all 0.3s linear;}
.news .news_fl .nws dl:hover  dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news_fl .nws dl dd span{display: block; margin-bottom: 18px;}
.news .news_fl .nws dl dd span a{font-size: 20px; color:#313131;}
.news .news_fl .nws dl dd span a:hover{color:#008191;}
.news .news_fl .nws dl dd i{display: block; font-size: 14px; color:#008191; line-height: 14px;}
.news .news_fl .nws dl dd p{font-size: 14px; color:#7D7D7D; height:59px; margin-top: 18px;}
.news .news_fl .nws dl dd em{display: block;width:20px; height:20px; background:url(../images/jt.png) no-repeat center;margin-top: 17px;}
.news .cjwt{width:366px; height:360px;float:right; border-bottom:2px solid #008191;}
.news .cjwt .cjbt{height:44px; border-bottom:2px solid #008191;}
.news .cjwt .cjbt h3{width:123px; height:44px;text-align: center; line-height: 44px; background:#008191; border-top-right-radius: 15px;}
.news .cjwt .cjbt h3 a{display: block; font-size: 20px; color:#FFFFFF;}
.news .cjwt .cjbt ul li{height:65px; margin-top: 28px;}
.news .cjwt .cjbt ul li span{display: block; margin-bottom: 8px; height:20px;line-height: 20px; padding-left:28px;background:url(../images/wt.png) no-repeat left;}
.news .cjwt .cjbt ul li span a{font-size: 16px; color:#313131; line-height: 20px;}
.news .cjwt .cjbt ul li span a:hover{color:#008191;}
.news .cjwt .cjbt ul li p{ padding-left:28px; font-size: 14px; line-height:20px; color:#7D7D7D;background:url(../images/hd.png) no-repeat left top;}
/**/
.about{height:807px;}
.ab{padding-top:60px; position: relative;}
.ab .arose{height:134px;width:1200px;}
.ab .arose span{display: block; width:590px;float:left;}
.ab .arose span i{display: block; font-size: 18px; color:#707070; padding-left:100px; position: relative; margin-bottom: 17px;}
.ab .arose span i:before{width:89px; height:1px; background:#707070; content:""; position: absolute; left:0; bottom:9px;}
.ab .arose span em{display: block; height:45px; line-height: 40px; font-weight: bold; font-size: 36px; color:#008191; padding:0 0 0 102px; background:url(../images/about.png) no-repeat left;}
.ab .ab_sm{width:815px; height:420px; margin-left: -360px; padding-left:360px; padding-top:121px; background:#F3F3F3; border-bottom-right-radius: 100px;}
.ab .ab_sm ul{height:70px; margin-bottom: 50px;}
.ab .ab_sm ul li{float:left;height:70px;}
.ab .ab_sm ul li span{display: block;}
.ab .ab_sm ul li span em{font-size: 48px; color:#434343;}
.ab .ab_sm ul li span i{font-size: 14px; color:#434343;}
.ab .ab_sm ul li p{font-size: 14px; line-height: 14px; color:#434343; margin-top:5px;}
.ab .ab_sm ul li.fa2{margin-left: 60px;margin-right: 43px;}
.ab .ab_sm ul li span{height:48px;line-height: 48px;}
.ab .ab_sm ul li.fa2 i{font-size: 48px;}
.ab .ab_sm ul li:hover span em{color:#008191;}
.ab .ab_sm ul li:hover span i{color:#008191;}
.ab .ab_sm ul li:hover p{color:#008191;}
.ab .ab_sm strong{display: block;width:467px; height:86px; font-size: 14px; color:#434343; margin-bottom: 44px; font-weight: normal;}
.ab .ab_sm b{display: block;width: 164px;height: 47px; text-align: center;    line-height: 47px;    background: #008191;   border-radius: 24px;}
.ab .ab_sm b a{display: block;    font-size: 14px;    color: #FFF;    font-weight: normal;}
.ab .abt{width:962px; height:541px; position: absolute; top:60px; right:-360px; overflow: hidden;}
.ab .abt img{width:962px; height:541px; transition:all 0.3s linear;}
.ab .abt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.ab .d{display: block; width:95px; height:28px; background:url(../images/d.png) no-repeat center; position: absolute; right:0; bottom:0;}













html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}

@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:1760px) {
    html {
        font-size:20px;
    }
}

@media screen and (min-width:1920px) {
    html {
        font-size:22px;
    }
}