@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */
/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1144px) {
.wrapper .inner { width:100%; margin:0 auto;}
.wrapper .inner .mod {width:auto;padding:0 8px;}
.nav .wp-menu .menu-item {}
.nav .wp-menu .menu-item a.menu-link {padding: 0 24px;}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 999px) {
.wrapper .inner { width:100%; margin:0 auto;}
.navi-aside-toggle,
.navi-aside-search {display: block;}
#header {background:#18267E;} 
#header .inner{padding:10px 0px;height: auto;position:relative;background:none;}
.header .head-left{ float:none;display:inline-block; width:100%; height:auto; text-align:center;}
.header .sitelogo{float:none;margin-top:30px; margin-bottom:30px;}
.header .sitelogo a{display:inline-block;width:100%;margin:0 auto;}
.header .sitetitle {margin-top:38px;font-size:28px;}
.header .head-main{display:none;}
.header .head-right{ float:none; width:100%;margin-top:0px;}
.header .head-right .searchbox{margin: 5px 0px; width:100%;}

/*导航样式：后台绑定时也可以定义配置*/
.wp-navi .wp-menu{display:none;}
.wp-navi-slide .navi-slide-head {display: block;padding:0 10px;height: 40px;}
.wp-navi-slide .wp-menu {background:#fff;}
.wp-navi-slide .wp-menu .menu-item {display: inline-block;float:none; position: relative; z-index: 100;width:100%;padding-left:0px;text-align:left;border-bottom:1px solid #eee}
.wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url(css/img/icons.png) no-repeat 10px -116px;}
.wp-navi-slide .wp-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 14px; }
.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,
.wp-navi-slide .wp-menu .menu-item.hover a.menu-link,
.wp-navi-slide .sub-menu .sub-item.hover> a,
.wp-navi-slide .sub-menu .sub-item a:hover{ text-decoration: none; color: #000; background-color: #eee; }
.wp-navi-slide .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;opacity: 0.8;}
.wp-navi-slide .sub-menu .sub-item {position: relative;white-space: nowrap;vertical-align: top;border-bottom: 1px solid #eee;}
.wp-navi-slide .sub-menu .sub-item a {display: block;color: #000;height: auto;line-height: 40px;padding: 0 36px;font-size: 14px;background:none;}
.wp-navi-slide .sub-menu .sub-item a:hover { color: #000; background-color:#eee; display: block; }
.wp-navi-slide .sub-menu .sub-menu {left:0;top: 0;}
.wp-navi-slide .sub-menu .sub-menu .sub-item a {padding: 0 52px;}
}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
#header .inner{height: auto;}
.head-left { float:none;} 
.header .sitelogo  { margin:20px auto 20px 25px}
.header .sitelogo a{display:inline-block;}
.header .sitelogo a img{max-width:100%;margin:5px 0px; float:left;}
.wrapper .inner { margin:auto;width:96%;}

.hg30{ float:left;width:100%; margin:0px auto; height:20px; overflow:hidden; clear:both;}

/*banner*/
.wp-focus { display:block; background-color: #ececec;position: relative;}
.fcous-panel {width: 100%;}
.fcous-panel .focus-window {width: 100%;overflow: hidden;}


 /*系统默认搜索*/
.wp_search{ width:100%;display:inline-block;position:relative;padding-left:4px;border: 0px solid #f5f5f5;}
.wp_search #keyword{ width:100%!important;padding:0px 0; border:none;height:27px; line-height:27px; background:transparent; text-indent:20px; font-size: 14px; font-family:"Microsoft YaHei"; color:#E0E0E0; outline: none;background:#FFFFFF;border-top-left-radius: 15px;border-bottom-left-radius: 15px; }
.wp_search .search{width:27px;height:27px;border:0px; background: url(images/sous2.png) no-repeat center;cursor: pointer; vertical-align:top; }
.wp_search table,tbody,td { width:100%;}
/*自定义输入框*/
.searchbox{width:100%;text-align:right;margin-top:5px;}
.wp-search { width:100%;position: relative;border: 1px solid #f5f5f5;}
.wp-search form {display: block;}
.wp-search .search-input {margin-left:4px; margin-right:61px;}
.wp-search .search-input input {outline: none; cursor:pointer; }
.wp-search .search-input input.search-title {width: 100%;height:30px;padding:0px 0;line-height:30px;background: none; font-size:14px;color: #E0E0E0;border:0;outline: none; cursor:pointer;}
.wp-search .search-btn {width:61px;height:30px;position: absolute;right: 0;top:0%;}
.wp-search .search-btn input.search-submit {width:61px;height:30px;border:0;outline: 0;background: #FFFFFF url(images/sous1.png) center right no-repeat;cursor: pointer;}

.Hfcous { float:left; display: block; float:left; width:100%; height: auto;}
.Hfcous .Hfcousbox { float:left; width:100%; height:auto; border:0px solid #efefef;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~焦点图 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.slideBox{ width:100%; height:280px; overflow:hidden; position:relative;   }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:10px; height:10px; line-height:10px; font-size:0; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#ff6600; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:260px;display:block; border:0; }
.slideBox .bd  span{ position:absolute; bottom:0; background: url(images/title_bg.png); width:100%;  line-height:40px; color:#fff; font-weight:bold;}
.slideBox .bd h1{width:94%; color:#fff; font-size:14px; margin:0; padding:0 10px}
.relative{ position:relative; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; display:none;}
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display: none;  }
.slideBox .nextStop{ display:none;  }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~焦点图  END~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 通用板块栏目名称 */
.sy_text { float:left; width:100%; height:36px; line-height:36px; border-bottom:1px solid #dddddd; margin-bottom:8px;}
.sy_text h2 { float:left; font-size:20px;color:#18267E;}
.sy_text a { float:right; font-size:14px; color: #999999;  margin-right:0px;}
.sy_text a:hover { color:#cc0000; }



.iconc1 { background:url(images/title003_ico0.png) left center no-repeat; padding-left:18px;}
.iconc2 { background:url(images/title003_ico2.png) left center no-repeat; padding-left:29px;}
.iconc3 { background:url(images/title003_ico3.png) left center no-repeat; padding-left:29px;}
.iconc4 { background:url(images/title003_ico4.png) left center no-repeat; padding-left:29px;}
.iconc5 { background:url(images/title003_ico5.png) left center no-repeat; padding-left:29px;}
.iconc6 { background:url(images/title003_ico6.png) left center no-repeat; padding-left:29px;}
.iconc7 { background:url(images/title003_ico7.png) left center no-repeat; padding-left:29px;}
.iconc8 { background:url(images/title003_ico8.png) left center no-repeat; padding-left:29px;}
.iconc9 { background:url(images/title003_ico9.png) left center no-repeat; padding-left:29px;}
.iconc10 { background:url(images/title003_ico10.png) left center no-repeat; padding-left:29px;}


/*新闻中心*/
.sy_bmdtbox { float:left; width:100%; height: auto; margin-left:0px; margin-top:20px;}
.sy_bmdtbox ul { float:left; width:100%;}
.sy_bmdtbox ul li { float:left; width:100%; height:43px; line-height:43px;  font-size:16px; color:#222222;}
.sy_bmdtbox ul li .homlist { float:left; width:80%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_bmdtbox ul li .homlist a {color:#222222; background: url(images/news_biao.png) left center no-repeat; padding-left:16px;}
.sy_bmdtbox ul li .homlist a:hover  { color:#cc0000; text-decoration: none;}
.sy_bmdtbox ul li .homtime { float: right; width:17%; font-size:14px; color:#18267E; text-align:right; font-weight:bold;}


/*通知公告*/
.sy_tongzhi {float: left; width:100%; height: auto; margin-left:0px;  margin-top:20px;}
.sy_tongzhi ul  { float:left; width:100%;}
.sy_tongzhi ul  li { float:left; width:100%; height:43px; line-height:43px;  font-size:16px; color:#222222;}
.sy_tongzhi ul  li .homlist { float:left; width:88%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_tongzhi ul  li .homlist a { background: url(images/h45.png) left center no-repeat; padding-left:16px; color:#222222;}
.sy_tongzhi ul  li .homlist a:hover  { color:#cc0000; text-decoration: none;}
.sy_tongzhi ul  li .homtime { float: right; width:11%; font-size:14px; color:#18267E; text-align:right; font-weight:bold;}


/*党建标杆院系*/
.sy_djbgyxbox { float:left; width:100%; height: auto; margin-top:20px;}
.sy_djbgyxbox ul { float:left; width:100%;}
.sy_djbgyxbox ul li { float:left; width:100%; height:43px; line-height:43px;  font-size:16px; color:#222222;}
.sy_djbgyxbox ul li .homlist { float:left; width:100%;/*width:85%;*/ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_djbgyxbox li .homlist a {color:#222222; background: url(images/news_biao.png) left center no-repeat; padding-left:16px;}
.sy_djbgyxbox ul li .homlist a:hover  { color:#cc0000; text-decoration: none;}
.sy_djbgyxbox ul li .homtime { float: right; width:13%; font-size:14px; color:#18267E; text-align:right; font-weight:bold; display:none;}

/*校企合作*/
.sy_xqhzbox { float:left; width:100%; height: auto; margin-left:0px; margin-top:20px;}
.sy_xqhzbox ul { float:left; width:100%;}
.sy_xqhzbox ul li { float:left; width:100%; height:43px; line-height:43px;  font-size:16px; color:#222222;}
.sy_xqhzbox ul li .homlist { float:left; width:100%;/*width:85%;*/ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xqhzbox li .homlist a {color:#222222; background: url(images/news_biao.png) left center no-repeat; padding-left:16px;}
.sy_xqhzbox ul li .homlist a:hover  { color:#cc0000; text-decoration: none;}
.sy_xqhzbox ul li .homtime { float: right; width:13%; font-size:14px; color:#18267E; text-align:right; font-weight:bold; display:none;}

/*课程建设*/
.sy_kcjsbox {float: left; width:100%; height: auto; margin-left:0px;  margin-top:20px;}
.sy_kcjsbox ul  { float:left; width:100%;}
.sy_kcjsbox ul  li { float:left; width:100%; height:43px; line-height:43px;  font-size:16px; color:#222222;}
.sy_kcjsbox ul  li .homlist { float:left; width:100%;/*width:85%;*/ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_kcjsbox ul  li .homlist a { color:#222222; background: url(images/news_biao.png) left center no-repeat; padding-left:16px;}
.sy_kcjsbox ul  li .homlist a:hover  { color:#cc0000; text-decoration: none;}
.sy_kcjsbox ul  li .homtime { float: right; width:13%; font-size:14px; color:#18267E; text-align:right; font-weight:bold; display:none;}

/*创新团队建设*/
.sy_cxtdjsbox { float:left; width:100%; height: auto;}
.sy_cxtdjsbox ul { float:left; width:100%;}
.sy_cxtdjsbox ul li { float:left; width:100%; height:43px; line-height:43px;  font-size:16px; color:#222222;}
.sy_cxtdjsbox ul li .homlist { float:left; width:100%;/*width:85%;*/ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_cxtdjsbox li .homlist a {color:#222222; background: url(images/news_biao.png) left center no-repeat; padding-left:16px;}
.sy_cxtdjsbox ul li .homlist a:hover  { color:#cc0000; text-decoration: none;}
.sy_cxtdjsbox ul li .homtime { float: right; width:13%; font-size:14px; color:#18267E; text-align:right; font-weight:bold; display:none;}

/*实训基地*/
.sy_sxjdbox { float:left; width:100%; height: auto; margin-left:0px; margin-top:20px;}
.sy_sxjdbox ul { float:left; width:100%;}
.sy_sxjdbox ul li { float:left; width:100%; height:43px; line-height:43px;  font-size:16px; color:#222222;}
.sy_sxjdbox ul li .homlist { float:left; width:100%;/*width:85%;*/ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_sxjdbox li .homlist a {color:#222222; background: url(images/news_biao.png) left center no-repeat; padding-left:16px;}
.sy_sxjdbox ul li .homlist a:hover  { color:#cc0000; text-decoration: none;}
.sy_sxjdbox ul li .homtime { float: right; width:13%; font-size:14px; color:#18267E; text-align:right; font-weight:bold; display:none;}

/*校友风采
.sy_xyfcbox {float: left; width:100%; height: auto; margin-left:0px; margin-top:20px; }
.sy_xyfcbox ul  { float:left; width:100%;}
.sy_xyfcbox ul  li { float:left; width:100%; height:43px; line-height:43px;  font-size:16px; color:#222222;}
.sy_xyfcbox ul  li .homlist { float:left;width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_xyfcbox ul  li .homlist a { color:#222222; background: url(images/news_biao.png) left center no-repeat; padding-left:16px;}
.sy_xyfcbox ul  li .homlist a:hover  { color:#cc0000; text-decoration: none;}
.sy_xyfcbox ul  li .homtime { float: right; width:13%; font-size:14px; color:#18267E; text-align:right; font-weight:bold; display:none;}
*/
/*校友风采*/
.sy_xyfcbox {float: left; width:100%; height: auto; margin-left:0px;margin-top:20px;  }
.sy_xyfcbox ul  { float:left; width:100%;}
.sy_xyfcbox ul  li { float:left; width:100%; height: auto; margin-bottom:10px; margin-top:10px;}
.sy_xyfcbox ul  li .piclist { float:left;width:35%; height:105px; overflow: hidden;}
.sy_xyfcbox ul  li .piclist img { width:100%; min-height:105px;}
.sy_xyfcbox ul  li .hombox { float:left;width:62%; height: auto; overflow: hidden; margin-left:3%;}
.sy_xyfcbox ul  li .hombox .homlist { float:left;width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:36px;}
.sy_xyfcbox ul  li .hombox .homlist a { color:#222222; font-size:16px; color:#222222;}
.sy_xyfcbox ul  li .hombox .homlist a:hover  { color:#cc0000; text-decoration: none;}
.sy_xyfcbox ul  li .hombox .xyjianjian { float:left;width: auto;overflow:hidden; font-size:14px; color:#666666; line-height:23px;}



/*活动掠影*/
.sy_bmfc { float:left; width:100%; height: auto;overflow:hidden;}
.sy_bmfc .anli_left { float:left;overflow:hidden;width:100%;height:140px;}
.sy_bmfc ul { float:left; width:100%; height:auto; margin-top:10px;}
.sy_bmfc ul li { float:left; width:180px; height:138px; margin-right:15px; }
.sy_bmfc ul li img { float:left; width:100%; height:105px;}
.sy_bmfc ul li h3 { float:left; width:100%; height:35px; line-height:35px; text-align:center; font-size:16px; color:#333333; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.sy_bmfc ul li h3:hover { color:#c00000;}



/*网站版权*/
#sy_footer  { margin:0px auto; width:100%; padding:20px 0px 15px 0px; background:#18267E; border-top:3px solid #FFCC00;}
#sy_footer .footer_bq { margin:0px auto; width:96%;font-size:14px; color:#ffffff; text-align: left; line-height:27px;}
#sy_footer .footer_bq .foottek1 { float:left; width:100%; text-align:center;}
#sy_footer .footer_bq .foottek1 img { width: auto;}
#sy_footer .footer_bq .foottek2 { float:left; width:100%; margin-top:10px; padding-top:10px; border-top:1px dotted #ccc;}


/*右侧悬浮*/
#floating-button { display: block; position: absolute;top: 50%;left: 0;transform: translateY(-50%);width:40px;height:180px;background:url(images/xuanfu-01.png) left center no-repeat;text-align: center;cursor: pointer;}
#floating-container {display: block; position: fixed;top: 50%;right:0px;transform: translateY(-50%);width:40px;height: auto;transition: width 0.3s ease-in-out;overflow: hidden; z-index:999;}
#floating-container.expand { float:left;width:240px; height:auto;}
#floating-container .floating-containerbox { width:240px; height:370px;/*设置隐藏内容区域高度*/ background:#120C6E;left:40px; position: relative; padding:15px 10px;border-top-left-radius:8px;border-bottom-left-radius:8px;}
.floating-containerbox .conta-text { float:left; width:100%; height:26px; line-height:26px;}
.floating-containerbox .conta-text span { float:left;height:27px; line-height:27px; padding-left:23px; font-size:16px; color:#ffffff; font-weight:bold;}
.floating-containerbox .conta-text .icon1 { background:url(images/icon-dianhua.png) left center no-repeat;}
.floating-containerbox .conta-text .icon2 { background:url(images/icon-erweima.png) left center no-repeat;}
.floating-containerbox .conta-btnr { float:left; width:100%; height:27px; line-height:27px;padding-left:23px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color: #FFCC00; font-style:italic;font-weight: bold; margin:5px 0px 5px 0px;}
.floating-containerbox .conta-btnr img { float:left; width:55%;}
.floating-containerbox .conta-xx { float:left; width:100%; height:0px; overflow:hidden; border-bottom:1px dotted #e5e5e5; margin:10px 0px;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }


/*栏目页 子栏目隐藏*/
.col_menu { display:none; width: 240px;float:left;margin-right:-240px;position:relative;} 
.col_list { display:none;}

/*栏目列表*/
#listfrk { float: left; width:100%; height: auto; padding:0px; border:0px solid #120C6E;}
#listfrk .listweizhi { float:left; width:100%; height:52px; line-height:51px; border-bottom: 1px solid #ececec;}
#listfrk .listweizhi .lmtext { float:left; background:url(images/xfz.png) left center no-repeat; padding-left:25px;font-size:20px; color: #18267E; text-align:left; font-weight:bold;}
#listfrk .listweizhi .lmweizhi { display: block; }


#listfrk .listbox { float:left; width:100%;}
#listfrk .listbox .ul { float:left; width:100%;}
#listfrk .listbox .ul .fxl { float:left; width:100%; height:51px; line-height:51px; border-bottom: 1px solid #f0f0f0; font-size:16px; }
#listfrk .listbox .ul .fxl a { float:left; width:80%; height:51px; line-height:51px; background:url(images/h45.png) left center no-repeat; padding-left:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#listfrk .listbox .ul .fxl a:hover { color:#cc0000;}
#listfrk .listbox .ul  span { float:right; width:10%; text-align:right; font-size:14px; color:#0A3586; font-weight:bold;}
#listfrk .listbox .ul img { max-width:96%; margin:5px;}


#listfrk .listbox .wp_entry {
    width: 100%;
    line-height:2em;
    font-size:16px;
    color: #333;
    overflow: hidden;
}

/**图片列表页**/
#listfrk .Piclistbox { float:left; width:100%; overflow:hidden;}
#listfrk .Piclistbox .ul { float:left; width:104%;}
#listfrk .Piclistbox .ul .li { float:left; width:48%; height:180px; margin-right:2%; margin-bottom:10px; list-style:none;}
#listfrk .Piclistbox .ul .li .picbox { float:left; width:100%; height:140px;}
#listfrk .Piclistbox .ul .li .picbox img { float:left; width:100%; height:140px; max-width:100%; min-width:100%;}
#listfrk .Piclistbox .ul .li .pictext{ float:left; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#listfrk .Piclistbox .ul .li .pictext a { color:#333333;}
#listfrk .Piclistbox .ul .li .pictext a:hover {color:#cc0000;}

/**内容页**/
#artiboxfrk { float: left; width:100%; height: auto; padding:0px; border:0px solid #003C7E;}
#artiboxfrk .listweizhi { float:left; width:100%; height:52px; line-height:51px; border-bottom: 1px solid #ececec;}
#artiboxfrk .listweizhi .lmtext { float:left;background:url(images/xfz.png) left center no-repeat; padding-left:25px;font-size:20px; font-weight:bold; text-align:left;}
#artiboxfrk .listweizhi .lmweizhi { float:right; font-size:14px; color: #999999; text-align: right;}
#artiboxfrk .listweizhi .lmweizhi a{ color:#999999;}
#artiboxfrk .listweizhi .lmweizhi a:hover { color:#CC0000; text-decoration: none;}
#artiboxfrk .artibox { float:left; width:100%;}
#artiboxfrk .artibox .arti_title { float:left; width:100%; font-size:22px; color: #120C6E; text-align: center; font-weight: bold; margin-top:0px;}
#artiboxfrk .artibox .arti_metas { float:left; width:100%;font-size:14px; color: #666; text-align: center; margin:20px 0px 0px 0px; padding-bottom:20px; border-bottom:1px dotted #dddddd;}
#artiboxfrk .artibox .arti_metas .arti_publisher { margin:0px 10px;}

#artiboxfrk .artibox { float:left; width:100%; line-height:1.75em; font-size:16px; color: #222222; margin:15px 0px; text-align:left; border-bottom:1px solid #ddd; padding-bottom:20px;}
#artiboxfrk .artibox p {line-height:1.75em;font-size:16px; color: #222222;}
#artiboxfrk .artibox a { color:#333;}
#artiboxfrk .artibox a:hover { color:#CC0000; text-decoration: none;}
#artiboxfrk .artibox .artibox img { max-width:96%; margin:5px;}

#artiboxfrk .artibox .prev_next { float:left; width:100%; line-height:27px;font-size:14px; color: #666; text-align:left;}
#artiboxfrk .artibox .prev_next a { color:#666;}
#artiboxfrk .artibox .prev_next a:hover { color:#CC0000; text-decoration: none;}


}





/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {



}
/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {


}