*{list-style:none;}
html body{color:#565656;font-size:14px;font-family:Microsoft Yahei, Arial, Helvetica, sans-serif;line-height:24px;}

a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
.plr50{padding:0 50px 0 50px;}

.main-header{padding:0 0 30px 0;position:fixed;z-index:999;top:0;width:100%;background:rgba(255,255,255,1);}
.logo{background:url(../images/logo_mob.jpg) no-repeat;height:75px;margin-top:29px;}
nav{ z-index:999;margin-top:35px;}
.navbar{ position:absolute;top:0;right:0;}
.dropdown-toggle,.active{font-weight:300;font-size:15px; text-transform:uppercase;}
.navbar-nav >li>a{padding:20px 10px 20px 10px;display:block;}
.dropdown{padding:0 10px 0 10px;}
.w500{width:500px;}

.dropdown-menu li{text-transform:uppercase;}
.dropdown-menu li a{ height:40px;line-height:40px;}

.wel{width:100%;padding:4px 0 4px 0;background:#f4f4f4;}
.welcome{text-align:left;color:#01aef0;}
.hotline{text-align:right;}
.hotline .fa{color:#01aef0;margin-right:5px;font-size:18px;}
/*导航修改二级菜单click改hover*/
.navbar .nav > li:hover .dropdown-menu {
display: block;
}
/*导航一级菜单滑动变色*/
.dropdown:hover{background:#01aef0;}
.dropdown:hover .dropdown-toggle:link,.dropdown:hover .dropdown-toggle:visited{color:#fff;}
.dropdown-menu li{border-bottom:solid #e8e8e8 1px;}
.banner{ position:relative;top:167px;margin-bottom:167px;}

.product{padding:50px 50px;}
.titx{background:url(../images/tt.jpg) no-repeat center bottom;margin:0 auto;height:100px;text-align:center;margin-bottom:30px;}
.titx-h2{font-size:36px;}
.titx-h2 p{font-size:18px; text-transform:uppercase;color:#999;}
.pic1{height:816px;background:url(../images/p1_b.jpg) no-repeat; background-size:100% 100%; position:relative; overflow:hidden;}
.pic2{height:410px;background:url(../images/p2_b.jpg) no-repeat; background-size:100% 100%;position:relative;overflow:hidden;}
.pic3{height:406px;background:url(../images/p3_b.jpg) no-repeat; background-size:100% 100%;position:relative;overflow:hidden;}
.pic4{height:406px;background:url(../images/p4_b.jpg) no-repeat; background-size:100% 100%;position:relative;overflow:hidden;}
.product .col-md-12{padding-left:0px!important;padding-right:0px!important;}
.product .col-md-6{padding-left:0px!important;padding-right:0px!important;}
.pic1 .pic{ position:absolute;top:242px;right:0;}
.pic1 .tit{ position:absolute;top:113px;left:0;}
.tit-h2{background:#01aef0;font-size:30px;color:#fff;padding:15px 40px;}
.tit span{color:#01aef0; }
.pic1 span{position:relative;left:40px;top:20px;}
.pic2 .tit{ position:absolute;top:63px;right:0;}
.pic2 span{ position:relative;left:40px;top:20px;}
.pic2 .pic{ position:absolute;top:99px;left:167px;}
.pic3 .pic{ position:absolute;top:46px;right:0;}
.pic3 .tit{ position:absolute;top:265px;right:0;}
.pic3 span{ position:relative;left:40px;top:20px;}
.pic4 .pic{ position:absolute;top:46px;right:0;}
.pic4 .tit{ position:absolute;top:265px;right:0;}
.pic4 span{ position:relative;left:40px;top:20px;}
.product .pic:hover{cursor:pointer;transition:all 1s;transform:scale(1.1);}
.about{}
.ab_content{background:url(../images/ab_b.jpg) no-repeat center;background-size:100% 100%;height:809px;}
.ab-txt{background:#fff;padding:65px 65px;height:600px; position:relative;top:142px;right:50px;box-shadow:5px 5px 6px #ccc;font-size:20px;line-height:35px; text-align:justify;}
.more-btn{border:solid #01aef0 1px;text-align:center;padding:10px 10px;}
.more-btn:link,.more-btn:visited{color:#01aef0;}
.more-btn:hover,.more-btn:active{color:#fff;background:#01aef0;}
.ab-txt .more-btn{ float:right; position:relative;bottom:0;}

.foot{background:#333;height:435px;color:#999;padding:60px 0 0 0; }
.f-logo{font-size:30px;font-weight:bold;margin-bottom:50px;}
.f-menu a:link,.f-menu a:visited{color:#999;display:inline-block;width:45%;}
.f-menu a:hover,.f-menu a:active{color:#fff;}
.f-code{text-align:right;}
.code{height:130px;width:130px;display:inline-block;text-align:center;margin:0 30px 0 0;}
.code img{width:100%;height:100%;}
.copyright{border-top:solid #666 1px; text-align:center;line-height:40px; margin-top:40px;}

/*内页*/
.banner-about,.banner-pro,.banner-news,.banner-cert,.banner-contact{ position:relative;top:169px;}
.banner-about{width:100%;height:220px;background:url(../images/b-abo.jpg) no-repeat center;}
.banner-pro{width:100%;height:220px;background:url(../images/b-3.jpg) no-repeat center;}
.b-1{width:100%;height:220px;background:url(../images/b-1.jpg) no-repeat center;}
.b-2{width:100%;height:220px;background:url(../images/b-2.jpg) no-repeat center;}
.b-3{width:100%;height:220px;background:url(../images/b-3.jpg) no-repeat center;}
.b-4{width:100%;height:220px;background:url(../images/b-4.jpg) no-repeat center;}
.banner-news{width:100%;height:220px;background:url(../images/b-news.jpg) no-repeat center;}
.banner-cert{width:100%;height:220px;background:url(../images/b-cer.jpg) no-repeat center;}
.banner-contact{width:100%;height:220px;background:url(../images/b-con.jpg) no-repeat center;}
.leftmenu{ text-transform:uppercase;margin-top:30px;}
.leftmenu p{padding:10px 0 10px 10px;background:#01aef0;}
.leftmenu p a{color:#fff;}
.leftmenu p:hover{background:#f4f4f4;color:#333;}
.leftmenu p:hover a{color:#333;display:block;width:100%;}

.rightcontent{padding:30px 10px 30px 10px;}
.photo_ul,.photo_ul ul{margin:0;padding:0;width:100%;}
.photo_ul li{width:23.33%;display:inline-block;text-align:center;padding:1px 1px;margin-bottom:20px;border:solid #ccc 1px;margin:0 6px 20px 6px;}
.photo_ul li:hover{background:#f4f4f4;}
.photo_ul li img{width:auto;height:100%; max-width:100%;}
.photo_ul h3{font-size:14px;}
.img-h{height:180px;}
.pd30{padding:30px 30px;}


.wrap{padding:60px 0 60px 0; }
.tit h2{font-size:20px;text-align:center; text-transform:uppercase;}
.pro_box{padding:0px 0 40px 0;}
.pro_box img{max-width:100%;}
.product_ul li{width:24.33%;display:inline-block;text-align:center;padding:20px 20px 20px 20px;}
.product_ul li:hover{background:#f4f4f4;}
.product_ul li img{width:100%;height:100%;border:solid #ccc 1px;}
.product_ul li h3{font-size:14px;}


/*分页*/
.pages{ text-align:center; overflow:hidden; margin-top:2%; margin-bottom:2%;width:100%;}
.yema a,.yema span{ padding:10px 22px; border:#ccc 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; border-radius:4px;}
.yema a:hover{  background:#c30d23; margin:0 2px; color:#fff; text-decoration:none; }

a.yema_on{color:#fff !important; border:#c30d23 1px solid !important; background:#c30d23;}
a.yema_on:hover{color:#fff !important; border:#c30d23 1px solid !important; }
a.ok{color:#fff !important; border:#c30d23 1px solid !important; background:#c30d23;}
a.ok:hover{color:#fff !important; border:#c30d23 1px solid !important; }




#newspic2{width:100%;height:100%;background:#fff;text-align:center;}
#newspic2 img{width:auto;max-width:100%;height:100%;}

.col-box{width:100%;padding:30px 50px 30px 50px;border-bottom:solid #ccc 1px;line-height:30px;}
.col-box img{max-width:90%;}
.uptime{background:#f4f4f4;text-align:center;}

.tit-in{border-bottom:solid #ccc 1px;width:100%;height:50px;line-height:50px;display:block;}
.tit-in h2{font-size:20px;float:left;}
.tit-in span{float:right;}
.btxt{color:#fff;font-size:20px; position:relative;top:80px;text-align:right;font-weight:bold;text-shadow:1px 1px 1px #666;}
.btxt span{font-weight:300;}
.tit{padding:30px 0 30px 0;}
.pro-item{width:100%;display:inline-block;margin:0 8px 0 8px;}
.black{color:#333;}

.black{background:rgba(1,174,240,0.05);}
.gray{background:#fff;}
.serli{width:100%;height:600px;}
.plr0{padding:0}
.phoright{float:right;}
.pholeft{float:left;}

.serli-box{padding:0 150px 0 150px;}
.area-txt{ position:relative;top:100px;}
.area-txt h1{font-size:30px;background:#01aef0;padding:10px 0 10px 0;color:#fff;text-indent:1em;}
.area-txt p{font-size:20px;line-height:30px;}
.detailcon{padding:30px 0 30px 0;}
.detailcon img{max-width:100%;margin:0 auto;}
.detailcon table{width:100%;margin:0 auto;}
.detailcon table tr td{border:solid #ddd 1px;padding:10px 10px;}
.bluebg{background:#00b0f0;font-size:16px;color:#fff;}

.img-responsive:hover{cursor:pointer;transition:all 1s;transform:scale(1.1);}
.area-img{ overflow:hidden;}
.four_date{width:75px;background:#f4f4f4;text-align:center;display:block;padding:0;  }
.four_date b{font-size:24px;width:100%;background:#01aef0;color:#fff;display:block;font-weight:300;height:40px;line-height:40px;}
.four_date p{height:40px;line-height:40px;font-size:14px;margin:0;}

.four_txt:hover a{color:#437dd6;}
.news-warp{width:100%;margin:0;padding:0;}
.news-warp li{width:100%;display:block;height:100%;padding-bottom:20px; }
.news-warp li:hover{background:#f7f7f7;}
.newspic{width:100%;float:left;height:200px;text-align:center;background:#f4f4f4;border:solid #ccc 1px; overflow:hidden;}
.newspic img{width:100%;height:auto;}
.news-top{font-size:20px;}


.backbtn{width:100px;padding:0 10px 0 10px;background:#f4f4f4;border:solid #ccc 1px;margin:0 auto;display:block;text-align:center;}

.news-warp{padding:30px 15px 0 15px;}

.news-warp li{border:solid #ccc 1px;padding:20px 20px;margin-bottom:30px; border-radius:5px;}


.pagesfoot{float:right;margin-top:20px;margin-bottom:40px; clear:both;}
.info_img{width:600px;margin:0 auto;border:solid #ccc 1px;}
.info_img img{width:100%;height:100%;}
.sl-ti{font-size:16px;border-bottom:solid #ccc 1px;height:30px;line-height:30px; text-transform:uppercase;}

.proname{font-size:20px;}
.list-none li{width:15.33%;display:inline-block; text-align:center; vertical-align:top;font-size:12px;}
.list-none li img{width:100%;height:100%;border:solid #ccc 1px;}
.list-none{margin:0;padding:0;}


.leftmenu h2{height:90px;border-bottom:solid #ccc 1px;margin-bottom:30px;font-size:20px;}
.about_box{padding:140px 0 0 0;}
.mess table tr td{padding:5px 5px;}
.met_page{text-align:center;padding:30px 0 0 0;color:#ccc;}
.met_page a:link,.met_page a:visited{color:#ccc;}
.met_page a:hover,.met_page a:active{color:#437dd6;}

.floatleft{float:left;}
.floatright{float:right;}


.message_table tr td{padding:10px 10px;}
.newslist{float:right;width:92%;}

.mt140{margin-top:180px;}
.position{border-bottom:solid #ddd 1px;}
.mob{display:none!important;}
.pc{display:block!important;}



@media screen and (max-width: 1440px) {
.mob{display:block!important;}
.pc{display:none!important;}
}
@media screen and (max-width: 1200px) {
.navbar-collapse{margin-top:20px;}
.main-header{position:fixed;z-index:999;top:0;width:100%;background:rgba(255,255,255,1);}
.logo{background:url(../images/logo_mob.jpg) no-repeat;height:75px;margin-top:29px;}
.plr50{padding:0 10px 0 10px;}
nav{ z-index:999;margin-top:5px;}
.navbar{ position:absolute;top:0;right:0;}

.banner{ position:relative;top:127px;margin-bottom:167px;}
.dropdown{padding:0 10px 0 10px;}
.wel{display:none;}
.nav{background:#fff;z-index:999;}
.navbar-nav >li>a{padding:5px 20px 5px 20px;display:block;}

.product{padding:10px 10px;}
.titx{background:url(../images/tt.jpg) no-repeat center bottom;margin:0 auto;height:100px;text-align:center;margin-bottom:30px;}
.titx-h2{font-size:26px;}
.titx-h2 p{font-size:14px; text-transform:uppercase;color:#999;}
.pic1{height:516px;background:url(../images/p1_b.jpg) no-repeat; background-size:100% 100%; position:relative; overflow:hidden;}
.pic2{height:410px;background:url(../images/p2_b.jpg) no-repeat; background-size:100% 100%;position:relative;overflow:hidden;}
.pic3{height:406px;background:url(../images/p3_b.jpg) no-repeat; background-size:100% 100%;position:relative;overflow:hidden;}
.pic4{height:406px;background:url(../images/p4_b.jpg) no-repeat; background-size:100% 100%;position:relative;overflow:hidden;}
.product .col-md-12{padding-left:0px!important;padding-right:0px!important;}
.product .col-md-6{padding-left:0px!important;padding-right:0px!important;}
.product .pic{width:100%;height:auto;}
.product .pic img{width:100%;height:100%;}
.pic1 .pic{ position:absolute;top:202px;right:0;}
.pic1 .tit{ position:absolute;top:33px;left:0;}
.tit-h2{background:#01aef0;font-size:20px;color:#fff;padding:15px 40px;}
.tit span{color:#01aef0; }
.pic1 span{position:relative;left:40px;top:20px;}
.pic2 .tit{ position:absolute;top:33px;right:0;}
.pic2 span{ position:relative;left:40px;top:20px;}
.pic2 .pic{ position:absolute;top:140px;left:0;}
.pic3 .pic{ position:absolute;top:46px;left:0;}
.pic3 .tit{ position:absolute;top:265px;right:0;}
.pic3 span{ position:relative;left:40px;top:20px;}
.pic4 .pic{ position:absolute;top:46px;right:0;}
.pic4 .tit{ position:absolute;top:265px;right:0;}
.pic4 span{ position:relative;left:40px;top:20px;}

.ab_content{background:url(../images/ab_b.jpg) no-repeat center;background-size:100% 100%;height:809px;}
.ab-txt{background:#fff;padding:25px 25px;height:80%; position:relative;top:80px;right:0;box-shadow:none;font-size:16px;line-height:24px; text-align:justify;}


.foot{background:#333;height:100%;color:#999;padding:60px 10px 0 10px; }
.f-logo{font-size:20px;font-weight:bold;margin-bottom:30px;text-align:center;}
.f-menu a:link,.f-menu a:visited{color:#999;display:inline-block;width:49%;text-align:center;background:rgba(255,255,255,.1);margin-bottom:4px;}
.f-menu a:hover,.f-menu a:active{color:#fff;}
.f-menu p{line-height:20px;}
.f-code{text-align:center;margin:0 auto;}
.code{height:110px;width:110px;display:inline-block;text-align:center;margin:20px 20px 0 0;}
.code img{width:100%;height:100%;}
.copyright{border-top:solid #666 1px; text-align:center;line-height:24px; margin-top:40px;}

/*内页*/
.banner-about,.banner-pro,.banner-news,.banner-cert,.banner-contact{ position:relative;top:127px;}
.banner-about{width:100%;height:100px;background:url(../images/b-abo.jpg) no-repeat center;background-size:100% 100%;}
.banner-pro{width:100%;height:100px;background:url(../images/b-pro.jpg) no-repeat center;}
.banner-pro{width:100%;height:100px;background:url(../images/b-pro.jpg) no-repeat center;background-size:100% 100%;}
.banner-news{width:100%;height:100px;background:url(../images/b-news.jpg) no-repeat center;}
.banner-cert{width:100%;height:100px;background:url(../images/b-cer.jpg) no-repeat center;}
.banner-contact{width:100%;height:100px;background:url(../images/b-con.jpg) no-repeat center;}
.banner-pro .btxt{color:#fff;}
.btxt{color:#fff;font-size:18px; position:relative;top:34px;text-align:left;font-weight:bold;margin-left:20px;}
.btxt span{font-weight:300;font-size:16px;}

.wrap{padding:30px 15px 60px 15px; }

.open {background:#fff!important;}


.rightcontent{padding:30px 10px 30px 10px; text-align:justify;}
.photo_ul,.photo_ul ul{margin:0;padding:0;width:100%;}
.photo_ul li{width:45%;display:inline-block;text-align:center;padding:1px 1px;margin-bottom:20px;border:solid #ccc 1px;margin:0 6px 20px 6px;}
.photo_ul li:hover{background:#f4f4f4;}
.photo_ul li img{width:auto;height:100%; max-width:100%;}
.photo_ul h3{font-size:14px;}
.img-h{height:180px;}
.pd30{padding:30px 30px;}
.plr0{padding:50px 0;}

.position{display:none;}


.tit h2{font-size:20px;text-align:center; text-transform:uppercase;}
.pro_box{padding:0px 0 40px 0;width:90%;margin:0 auto;}
.product_ul li{width:24.33%;display:inline-block;text-align:center;padding:20px 20px 20px 20px;}
.product_ul li:hover{background:#f4f4f4;}
.product_ul li img{width:100%;height:100%;border:solid #ccc 1px;}
.product_ul li h3{font-size:14px;}


/*分页*/
.pages{ text-align:center; overflow:hidden; margin-top:2%; margin-bottom:2%;width:100%;}
.yema a,.yema span{ padding:10px 22px; border:#ccc 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; border-radius:4px;}
.yema a:hover{  background:#c30d23; margin:0 2px; color:#fff; text-decoration:none; }

a.yema_on{color:#fff !important; border:#c30d23 1px solid !important; background:#c30d23;}
a.yema_on:hover{color:#fff !important; border:#c30d23 1px solid !important; }
a.ok{color:#fff !important; border:#c30d23 1px solid !important; background:#c30d23;}
a.ok:hover{color:#fff !important; border:#c30d23 1px solid !important; }




#newspic2{width:100%;height:100%;background:#fff;text-align:center;}
#newspic2 img{width:auto;max-width:100%;height:100%;}

.col-box{width:100%;padding:30px 20px 30px 20px;border-bottom:solid #ccc 1px;line-height:30px;text-align:justify;}
.col-box img{max-width:90%;}
.uptime{background:#f4f4f4;text-align:center;}

.tit-in{border-bottom:solid #ccc 1px;width:100%;height:50px;line-height:50px;display:block;}
.tit-in h2{font-size:20px;float:left;}
.tit-in span{float:right;}

.tit{padding:30px 0 30px 0;}
.pro-item{width:100%;display:inline-block;margin:0 8px 0 8px;}

.black{background:rgba(1,174,240,0.05);}
.gray{background:#fff;}
.serli{width:100%;height:600px;}

.phoright{float:right;}
.pholeft{float:left;}

.serli-box{padding:0 20px;}
.area-txt{ position:relative;top:0;padding:30px 0 30px 0;}
.area-txt h1{font-size:20px;background:#01aef0;padding:5px 0 5px 0;color:#fff;text-indent:1em;}
.area-txt p{font-size:16px;line-height:26px;text-align:justify;}
.detailcon{padding:30px 0 30px 0;}
.detailcon img{max-width:100%;margin:0 auto;}
.img-responsive:hover{cursor:pointer;transition:all 1s;transform:scale(1.1);}
.area-img{ overflow:hidden;}
.four_date{width:75px;background:#f4f4f4;text-align:center;display:block;padding:0; overflow:hidden;float:left; }
.four_date b{font-size:24px;width:100%;background:#01aef0;color:#fff;display:block;font-weight:300;height:40px;line-height:40px;}
.four_date p{height:40px;line-height:40px;font-size:14px;margin:0;}

.four_txt:hover a{color:#437dd6;}
.news-warp{width:100%;margin:0;padding:0;}
.news-warp li{width:100%;display:block;height:100%;padding-bottom:20px; }
.news-warp li:hover{background:#f7f7f7;}
.newspic{width:100%;float:left;height:200px;text-align:center;background:#f4f4f4;border:solid #ccc 1px; overflow:hidden;}
.newspic img{width:100%;height:auto;}
.news-top{font-size:18px;}

.newslist{width:75%;}
.backbtn{width:100px;padding:0 10px 0 10px;background:#f4f4f4;border:solid #ccc 1px;margin:0 auto;display:block;text-align:center;}

.news-warp{padding:30px 15px 0 15px;}

.news-warp li{border:solid #ccc 1px;padding:10px 10px;margin-bottom:30px; border-radius:5px;display:inline-block;}

.news-desc{display:none;}
.pagesfoot{float:right;margin-top:20px;margin-bottom:40px; clear:both;}
.info_img{width:100%;margin:0 auto;border:solid #ccc 1px;}
.info_img img{width:100%;height:100%;}
.sl-ti{font-size:16px;border-bottom:solid #ccc 1px;height:30px;line-height:30px; text-transform:uppercase;}

.proname{font-size:20px;}
.list-none li{width:15.33%;display:inline-block; text-align:center; vertical-align:top;font-size:12px;}
.list-none li img{width:100%;height:100%;border:solid #ccc 1px;}
.list-none{margin:0;padding:0;}


.leftmenu h2{height:90px;border-bottom:solid #ccc 1px;margin-bottom:30px;font-size:20px;}
.about_box{padding:140px 0 0 0;}
.mess table tr td{padding:5px 5px;}
.met_page{text-align:center;padding:30px 0 0 0;color:#ccc;}
.met_page a:link,.met_page a:visited{color:#ccc;}
.met_page a:hover,.met_page a:active{color:#437dd6;}

.floatleft{float:left;}
.floatright{float:right;}


.message_table tr td{padding:10px 10px;}


}


@media only screen and (min-width: 620px) and (max-width: 640px) {
  html {
    font-size: 32px; } 
	
	}
@media only screen and (min-width: 600px) and (max-width: 620px) {
  html {
    font-size: 31px; } }
@media only screen and (min-width: 580px) and (max-width: 600px) {
  html {
    font-size: 30px; } }
@media only screen and (min-width: 560px) and (max-width: 580px) {
  html {
    font-size: 29px; } }
@media only screen and (min-width: 540px) and (max-width: 560px) {
  html {
    font-size: 28px; } }
@media only screen and (min-width: 520px) and (max-width: 540px) {
  html {
    font-size: 27px; } }
@media only screen and (min-width: 500px) and (max-width: 520px) {
  html {
    font-size: 26px; } }
@media only screen and (min-width: 480px) and (max-width: 500px) {
  html {
    font-size: 25px; } }
@media only screen and (min-width: 460px) and (max-width: 480px) {
  html {
    font-size: 24px; } }
@media only screen and (min-width: 440px) and (max-width: 460px) {
  html {
    font-size: 23px; } }
@media only screen and (min-width: 430px) and (max-width: 440px) {
  html {
    font-size: 22px; } }
@media only screen and (min-width: 420px) and (max-width: 430px) {
  html {
    font-size: 21.5px; } }
@media only screen and (min-width: 410px) and (max-width: 420px) {
  html {
    font-size: 21px; } }
@media only screen and (min-width: 400px) and (max-width: 410px) {
  html {
    font-size: 20.5px; } }
@media only screen and (min-width: 380px) and (max-width: 400px) {
  html {
    font-size: 20px; } }
@media only screen and (min-width: 360px) and (max-width: 380px) {
  html {
    font-size: 19px; } }
@media only screen and (min-width: 340px) and (max-width: 360px) {
  html {
    font-size: 18px; } }
@media only screen and (min-width: 320px) and (max-width: 340px) {
  html {
    font-size: 17px; } }
@media only screen and (min-width: 300px) and (max-width: 320px) {
  html {
    font-size: 16px; } }
@media only screen and (max-width: 300px) {
  html {
    font-size: 15px; } }