html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video,button,ul{margin:0; padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
table{border-collapse:collapse; border-spacing:0}
fieldset, img,button{border:0}
input{margin-left: 0; outline:none;}
address, caption, cite, dfn, th, var{font-style:normal; font-weight:normal}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:''}
abbr, acronym{border:0}
input,select,textarea,button{ outline: none;}
a{text-decoration: none ;color:#00b6ff;}
a:hover{text-decoration:underline;}
a.layui-btn{color:#fff !important;}
a.layui-btn.layui-btn-primary{color:#333 !important;}
button:hover{cursor: pointer;}   
li{list-style: none;} 
.relative{position: relative;} 
.absolute{position: absolute;}
.clearfix:after{content: "";display: block;clear: both;}
.clearfix{zoom:1;}
.fl{ float: left;}
.fr{float: right;}
.w-100{width:100%;}
.del-color{color:red !important;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.b-50{border-radius:50%;}
.mr-10{margin-right:10px;}
.mb-10{margin-bottom:10px;}
.hide{display: none;}
body,html {
    font-family: "Microsoft YaHei","Helvetica","Arial","sans-serif";
    font-size:10px;
	background-color:#612ae4 !important;
	position:relative;
	
}
body>div.main-wrap:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-image:url(/images/br.svg);background-size:1%; opacity:0.05;}
body>.main-wrap>.inner{position:relative;}
.w{width:1170px; margin:0 auto;}
.flex { display: flex; display: -webkit-flex; display: -ms-flex; display: -o-flex; flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;} 
.flex-wrap {flex-wrap: wrap;} 
.flex-column{flex-direction: column;}
.flex-row{ flex-direction: row;}
.flex-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex: 1 1 0%;}
.qrcode-mobile {box-shadow:none !important;background: url(../images/qrcode-mobile.png) center center no-repeat !important;}
#qrcode-mobile {position: absolute;width: 180px;height: 182px;top: 187px;left: 56px;}


#main-nav .logo{padding-top:.4rem;}
#main-nav a{color:#fff;}
#main-nav.navbar-default a,#main-nav .dropdown-menu a,#main-nav .dropdown-menu a:hover{color:#fff;}
#main-nav a:hover{color:yellow;}
#main-nav.navbar-default a:hover{color:#24af1e;}
#main-nav .nav .open > a,
#main-nav .nav .open > a:focus,
#main-nav .nav .open > a:hover,
#main-nav .nav>li>a:focus,
#main-nav .nav>li>a:hover{background-color:transparent;}
#main-nav.navbar-default .nav .open > a,
#main-nav.navbar-default .nav .open > a:focus,
#main-nav.navbar-default .nav .open > a:hover,
#main-nav.navbar-default .nav>li>a:focus,
#main-nav.navbar-default .nav>li>a:hover{background-color:rgba(0,0,0,0.1);}
#main-nav .badge{background-color:#d51f1f;color:#fff;margin-top: -1rem;}
#main-nav .navbar-nav>li>.dropdown-menu{border-radius:.4rem;}
#main-nav .phone-menu>.dropdown>span.glyphicon {line-height:4.2rem;font-size:2rem;display:none;color:#333;}
#main-nav .phone-menu>.dropdown>span.glyphicon{color:#fff;}
#main-nav.navbar-default .phone-menu>.dropdown>span.glyphicon{color:#fff;}
#main-nav .phone-menu .dropdown-menu{left:auto;right:0;color:#fff;}
#main-nav .dropdown-menu a{color:#333;}
#main-nav.navbar-default{background-color:#082a52;border-color: #5c5d5e;}
@media screen and (max-width: 1200px) {
	#main-nav .phone-menu>.dropdown>span.glyphicon {display:block;}
	#main-nav .navbar-collapse {display:none !important;}
}


.home .title-bg{background-position:center top; background-repeat:no-repeat;background-image:url(/images/title.png);height:11.5rem;line-height:11rem;}
.home .title-bg-1{background-position:center -16rem;}
.home .title-bg-2{background-position:center -30rem;}
.home .title-bg-3{background-position:center -46.5rem;}


#home-carousel .carousel-inner, #home-carousel .carousel-inner .item {height: 100%;}
#home-carousel .carousel-inner .item{background-position:center;background-repeat:no-repeat;background-size:cover;}
#home-carousel .carousel-control.left,#home-carousel .carousel-control.right{background:none;}

#home-tixi .part-2{padding:5rem 0 2rem 0;}
#home-tixi .part-2 .tixi-head{padding: 2rem 0; color:#fff;}
#home-tixi .part-2 > .w{background: linear-gradient(360deg,#603dec,#0b4f9f);border-radius: 8px 8px 16px 16px;box-shadow: 0 40px 40px #1105554d;border: 1px solid #083c78;}
#home-tixi .part-2 .columns{text-align:center; background-color:#fff;border-radius: 8px 8px 16px 16px;padding:2rem 0}
#home-tixi .part-2 .columns>div{display:inline-block;}
#home-tixi .part-2 .columns li{margin-left:2rem; place-self: flex-end;display: flex; display: -webkit-flex; display: -ms-flex; display: -o-flex; flex-wrap: wrap;flex-direction: column;}
#home-tixi .part-2 .columns li li{margin-left:1rem;}
#home-tixi .part-2 .columns li:nth-child(1){margin-left:0;}
#home-tixi .part-2 .columns ul,#home-tixi .part-2 .columns ol{display: flex; display: -webkit-flex; display: -ms-flex; display: -o-flex; flex-wrap: wrap;}

#home-tixi .part-2 .columns li .icon{width:3.8rem;height:3.8rem;background-image:url(/images/tixi-icons.png);background-size:500%;background-position:-7.6rem 0;}
#home-tixi .part-2 .columns>div>ul>li:nth-child(2) .icon{background-position:-3.8rem 0;}
#home-tixi .part-2 .columns>div>ul>li:nth-child(3) .icon{background-position:-11.4rem 0;}
#home-tixi .part-2 .columns>div>ul>li:nth-child(4) .icon{background-position:0 0;}
#home-tixi .part-2 .columns>div>ul>li:nth-child(5) .icon{background-position:-15.2rem 0;}
#home-tixi .part-2 .columns li .name{border-radius:1rem;padding:.4rem 1rem; display:inline-block;color:#fff;}
#home-tixi .part-2 .columns li:nth-child(1) .name{background-color:#ffb400; }
#home-tixi .part-2 .columns li:nth-child(2) .name{background-color:#0cbcff;}
#home-tixi .part-2 .columns li:nth-child(3) .name{background-color:#75d161;}
#home-tixi .part-2 .columns li:nth-child(4) .name{background-color:#099fa6;}
#home-tixi .part-2 .columns li:nth-child(5) .name{background-color:#ff4081;}

#home-tixi .part-2 .columns li>ol{margin-bottom:1rem}
#home-tixi .part-2 .columns li>ol>li{border-radius:1rem;padding:1rem;color:#fff; transition:.3s;}
#home-tixi .part-2 .columns li>ol>li:hover{box-shadow:0 0 .6rem rgba(0,0,0,0.1); cursor:pointer;transform:scale(1.1);}
#home-tixi .part-2 .columns li:nth-child(1)>ol>li{background-color:#ffb400;}
#home-tixi .part-2 .columns li:nth-child(2)>ol>li{background-color:#0cbcff;}
#home-tixi .part-2 .columns li:nth-child(3)>ol>li{background-color:#75d161;}
#home-tixi .part-2 .columns li:nth-child(4)>ol>li{background-color:#099fa6;}
#home-tixi .part-2 .columns li:nth-child(5)>ol>li{background-color:#ff4081;}

#home-tixi .part-2 .columns li:nth-child(1)>ol>li:nth-child(1){height:8rem}
#home-tixi .part-2 .columns li:nth-child(1)>ol>li:nth-child(2){height:9rem}
#home-tixi .part-2 .columns li:nth-child(1)>ol>li:nth-child(3){height:10rem}
#home-tixi .part-2 .columns li:nth-child(2)>ol>li:nth-child(1){height:11rem}
#home-tixi .part-2 .columns li:nth-child(2)>ol>li:nth-child(2){height:12rem}
#home-tixi .part-2 .columns li:nth-child(2)>ol>li:nth-child(3){height:13rem}
#home-tixi .part-2 .columns li:nth-child(3)>ol>li:nth-child(1){height:14rem}
#home-tixi .part-2 .columns li:nth-child(3)>ol>li:nth-child(2){height:15rem}
#home-tixi .part-2 .columns li:nth-child(4)>ol>li:nth-child(1){height:16rem}
#home-tixi .part-2 .columns li:nth-child(4)>ol>li:nth-child(2){height:17rem}
#home-tixi .part-2 .columns li:nth-child(5)>ol>li:nth-child(1){height:18rem}
#home-tixi .part-2 .columns li:nth-child(5)>ol>li:nth-child(2){height:19rem}

#home-tixi .part-1{padding:2rem 0;}
#home-tixi .part-1 .tixi-head{padding: 2rem 0; color:#fff;}
#home-tixi .part-1 > .w{background: linear-gradient(360deg,#603dec,#0b4f9f);border-radius: 8px 8px 16px 16px;box-shadow: 0 40px 40px #1105554d;border: 1px solid #083c78;}
#home-tixi .part-1 ul{text-align:center; background-color:#fff;border-radius: 8px 8px 16px 16px;padding:2rem 0;margin-bottom:0;}
#home-tixi .part-1 li{float:left;width:33.33%;position:relative;padding:1rem;padding-top:0;}
#home-tixi .part-1 li h3{font-size:1.6rem;}
#home-tixi .part-1 li img{width:100%;height:29rem;object-fit:cover;border-radius:.4rem;}
#home-tixi .part-1 li p{border-radius:.4rem;position:absolute;left:1rem; top:0rem; right:1rem; bottom:1rem;padding:1rem;box-sizing:border-box; padding:1rem; color:#fff;background-color:rgba(0,0,0,0.5);opacity:0;transition:.3s;}
#home-tixi .part-1 li:hover p{opacity:1;}
@media screen and (max-width: 800px) {
	#home-tixi .part-1 li{width:50%;}
}
@media screen and (max-width: 500px) {
	#home-tixi .part-1 li{width:100%;}
}



#home-chengguo{padding:2rem 0;text-align:center;}
#home-chengguo .head{padding: 2rem 0; color:#fff;}
#home-chengguo > .w{background: linear-gradient(360deg,#603dec,#0b4f9f);border-radius: 8px 8px 16px 16px;box-shadow: 0 40px 40px #1105554d;border: 1px solid #083c78;}
#home-chengguo ul{text-align:center;}
#home-chengguo .inner{ background-color:#fff;border-radius: 8px 8px 16px 16px;padding: 2rem;}
.ri-grid{margin: 0 auto 0;position: relative;height: auto;}
.ri-grid ul {list-style: none;display: block;width: 100%;margin: 0;padding: 0;}
.ri-grid ul:before,.ri-grid ul:after{content: '';display: table;}
.ri-grid ul:after { clear: both;}
.ri-grid ul { zoom: 1;} 
.ri-grid ul li {-webkit-perspective: 400px;-moz-perspective: 400px;-o-perspective: 400px;-ms-perspective: 400px;perspective: 400px;	margin: 0;	padding: .4rem;float: left;position: relative;display: block;	overflow: hidden;}
.ri-grid ul li a{
	cursor:pointer;
	display: block;
	outline: none;
	position: absolute;
	left: .4rem;
	top: .4rem;
	right: .4rem;
	bottom:.4rem;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	border:1px solid #ccc;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-radius:4px;
}
.ri-grid ul li:hover{transform:scale(1.1);z-index:999}
.ri-grid-size-1{width: 55%;}
.ri-grid-size-2{width: 100%;}
.ri-grid-size-3{width: 100%;margin-top: 0px;}
.ri-shadow:after,
.ri-shadow:before{content: "";position: absolute;z-index: -2;	bottom: 15px;left: 10px;	width: 50%;	height: 20%;max-width: 300px;max-height: 100px;box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-o-transform: rotate(-3deg);transform: rotate(-3deg);}
.ri-shadow:after{right: 10px;left: auto;-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-ms-transform: rotate(3deg);-o-transform: rotate(3deg);transform: rotate(3deg);}
.ri-grid-loading:after,.ri-grid-loading:before{display: none;}
.ri-loading-image{display: none;}
.ri-grid-loading .ri-loading-image{position: relative;width: 30px;height: 30px;left: 50%;margin: 100px 0 0 -15px;display: block;}


#home-news{padding:2rem 0;}
#home-news .head{padding: 2rem 0; color:#fff;}
#home-news > .w{background: linear-gradient(360deg,#603dec,#0b4f9f);border-radius: 8px 8px 16px 16px;box-shadow: 0 40px 40px #1105554d;border: 1px solid #083c78;}
#home-news .cont{padding:1.5rem;border-radius:.4rem;background-color:#fff;border-radius: 8px 8px 16px 16px;}
#home-news .cont .image{width:40%;height:32.5rem;border-radius:.4rem;}
#home-news .cont .image img{display:none;object-fit:cover;width:100%;height:100%;border-radius:.4rem;border:1px solid #ddd;}
#home-news .cont .image img:nth-child(1){display:block;}
#home-news .cont .titles{padding-left:1rem}
#home-news .cont .titles li{margin-bottom:1rem}
#home-news .cont .titles li a{color:#333;}
#home-news .cont .titles li.active a{text-decoration:underline;}
@media screen and (max-width: 800px) {
	#home-news .cont .image{width:100%;}
	#home-news .cont .titles{padding:0;padding-top:2rem;}
}

#home-liansuo{background-color:#082a52;color:#fff;padding:2rem 0 5rem 0;}
#home-liansuo > h3{margin-top:0;text-align:center;}
#home-liansuo .numbers{text-align:center;}
#home-liansuo .numbers ul{box-sizing:border-box}
#home-liansuo .numbers li{display:inline-block;width:19%;}
@media screen and (max-width:530px) {
	#home-liansuo .numbers li{display:inline-block;width:25%;}
}
#home-liansuo .numbers li dt{font-size:3rem}
#home-liansuo .remark img{width:50%;}
#home-liansuo .remark{margin-top:3rem}
#home-liansuo .remark>div{padding-top:5rem}
#home-liansuo .remark>div>p{line-height:2.2rem}



#footer{background-color:#000;padding:3rem 0;}
#footer .part-1{text-align:center;}
#footer .part-1 dl{margin:0;}
#footer .part-1 .downloads,#footer .part-1 .qrcodes{align-self: end;justify-content: center;}
#footer .part-1 >.downloads>a,#footer .part-1 dd{color:rgba(255,255,255,0.8);}
#footer .part-1 >.downloads>a,#footer .part-1 >.downloads>div{margin-left:3rem;}
#footer .part-1 >.downloads>a:nth-child(1){margin:0;}
#footer .part-1 >.downloads>a dl dd,#footer .part-1 >.downloads>div dl dd{margin-top:.6rem}
#footer .part-1 >.qrcodes>a dl dd,#footer .part-1 >.qrcodes>div dl dd{margin-top:.6rem}
#footer .part-2{text-align:center;color:rgba(255,255,255,0.8);padding-top:3rem;}
#footer .part-2 .logo img{margin-top:-1rem;}
#footer .part-2>div{display:inline-block;vertical-align:middle;}
@media screen and (max-width: 600px) {
	#footer .part-1 .downloads,#footer .part-1 .qrcodes{margin-bottom:2rem;width:100%;}
}


#to-top {position: fixed;right: 2rem;bottom: 2rem;z-index: 999;text-align:center;}
#to-top .to-top{display:inline-block; width: 60px;height: 60px;opacity: 0;background: #3bae36;border-radius: 50%;position:relative;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);transition: opacity 0.3s, -webkit-transform 0.3s;transition: transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;}
#to-top .to-top.shows{opacity: 1;}
#to-top .to-top:hover{background-color:#efe939}
#to-top .to-top::before {position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin: -10px 0 0 -10px;
	content: "";-webkit-transform: scale(1.5) rotate(-90deg);transform: scale(1.5) rotate(-90deg);transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='15' viewBox='0 0 20 15' stroke='white'%3E%3Cpath fill='none' stroke-miterlimit='10' d='M12 .5l7 7-7 7M19 7.5H0'/%3E%3C/svg%3E") center center no-repeat;
}
#to-top .yuyue>p:nth-child(2){color:#fff;}



#hour{padding:8rem 0 5rem 0;}
#hour .head{padding: 2rem 0; color:#fff;}
#hour > .w{background: linear-gradient(360deg,#603dec,#0b4f9f);border-radius: 8px 8px 16px 16px;box-shadow: 0 40px 40px #1105554d;border: 1px solid #083c78;}
#hour > .w> ul {background-color:#fff;border-radius: 8px 8px 16px 16px;padding:2rem 1rem 0rem 1rem;margin-bottom:0;}
#hour li{display: inline-block;  width:25%; padding: 0 1rem 2rem 1rem;box-sizing:border-box;float:left;position:relative;}
#hour li>div{ background-color: #fff;border:1px solid #ddd;width:100%;border-radius:.4rem}
#hour li>div:hover{box-shadow:0 0 .8rem rgba(0,0,0,0.1);cursor:pointer;}
#hour li b, #hour li span { display: block; padding: 10px;}
#hour li b{padding-bottom:0}
#hour li a{display:block;width:100%;height:19rem;}
#hour li img{width: 100%;height:100%;object-fit:cover;border-radius:.4rem}

#scratch3{padding:8rem 0 5rem 0;}
#scratch3 .head{padding: 2rem 0; color:#fff;}
#scratch3 > .w{background: linear-gradient(360deg,#603dec,#0b4f9f);border-radius: 8px 8px 16px 16px;box-shadow: 0 40px 40px #1105554d;border: 1px solid #083c78;}
#scratch3 > .w>.inner{background-color:#fff;border-radius: 8px 8px 16px 16px;padding:1rem 0}
#scratch3 ul.category{margin-bottom:0;border-radius:.4rem .4rem 0 0}
#scratch3 ul.category li{display:inline-block;padding:.4rem .6rem}
#scratch3 ul.category li a{color:#666;}
#scratch3 ul.category li.active{background-color:#ddd;border-radius:.4rem}
#scratch3 ul.projects{border-top:0; border-radius:0 0 .4rem .4rem;padding:2rem 1rem 0rem 1rem;}
#scratch3 ul.projects li{display: inline-block;  width:25%; padding: 0 1rem 2rem 1rem;box-sizing:border-box;float:left;position:relative;}
#scratch3 ul.projects li>div{ background-color: #fff;border:1px solid #ddd;width:100%;padding:1rem 1rem 0rem 1rem;border-radius:.4rem;}
#scratch3 ul.projects li>div:hover{box-shadow:0 0 .8rem rgba(0,0,0,0.1);cursor:pointer;}
#scratch3 ul.projects li p.img{height:29rem;background-position: center;background-repeat: no-repeat; background-size: cover;position:relative;}
#scratch3 ul.projects li p.img a {display: block;position: absolute; left: 0;top: 0;right: 0; bottom: 0;}
#scratch3 .page{text-align:center; position:relative;z-index:3;}
#scratch3 .page li{display:inline-block; text-align:center;}
#scratch3 .page li a{color:#000;width:4rem;height:3rem;line-height:3rem;border:1px solid #ddd; border-radius:.4rem;display:inline-block;}
#scratch3 .page li.current a,#algor .page li:hover a{border-color:green;background-color:#fff;color:green;}
@media screen and (max-width: 1200px) {
	#scratch3 ul.projects li{width:33.333%;}
}
@media screen and (max-width: 768px) {
	#scratch3 ul.projects li{width:50%;}
}
@media screen and (max-width: 550px) {
	#scratch3 ul.projects li{width:100%;}
}


#news{padding:5rem 0 5rem 0;}
#news .head{padding: 2rem 0; color:#fff;}
#news-wrap{background: linear-gradient(360deg,#603dec,#0b4f9f);border-radius: 8px 8px 16px 16px;box-shadow: 0 40px 40px #1105554d;border: 1px solid #083c78;}
#new-inner{border:1px solid #ddd; border-radius:.4rem;background-color:#fff;padding:2rem}
#new-inner .post-item{padding:2rem;border:1px solid #ddd;border-radius:.4rem; color:#333;margin-bottom:1rem;}
#new-inner .post-item img.img{width:30rem;height:20rem; border-radius:.4rem;object-fit:cover;border:1px solid #ddd;}
#new-inner .post-item img{max-width:100%;}
#new-inner .post-item .post-info{padding-left:2rem;}
#new-inner .post-item .post-info h2{margin-top:0;font-size:2rem;}
#new-inner .post-item .post-info h2.detail{border-bottom:1px solid #ddd;padding-bottom:1rem;}
#new-inner .post-item .post-info .cont.list{color:#555;}
#news-wrap{margin-top:3rem;}
#news .page{text-align:center; position:relative;z-index:3;padding:1rem 0 0rem 0;}
#news .page ul{margin-bottom:0}
#news .page li{display:inline-block; text-align:center;}
#news .page li a{color:#000;width:4rem;height:3rem;line-height:3rem;border:1px solid #ddd; border-radius:.4rem;display:inline-block;}
#news .page li.current a,#algor .page li:hover a{border-color:green;background-color:#fff;color:green;}
@media screen and (max-width: 768px) {
	#new-inner .post-item img.img{width:20rem;height:20rem;}
}
@media screen and (max-width: 550px) {
	#new-inner .post-item img.img{width:100%;height:auto;}
	#new-inner .post-item .post-info{padding-left:0;padding-top:2rem;}
}


#child{height:100vh;position:relative;}
#child>video{width:100%;height:100%;object-fit:cover;}
#child>div{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.2)}
#child>div>.btn{position:absolute;left:50%;top:50%;transform:translateX(-50%);background-color:transparent;color:yellow;border-color:yellow;}
#child>div>.btn:hover{background-color:rgba(255,255,0,0.3)}

@media screen and (min-width: 1200px) {
	.container{padding:0 !important;}
}
@media screen and (max-width: 1200px) {
	.w{width:100%;padding:0 1.5rem}
	.container{width:100% !important;}
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
	#home-liansuo .remark img{width:100%;}
}
@media screen and (max-width: 560px) {
}
@media screen and (max-width:500px) {
}
@media screen and (max-width:375px) {
}