@charset "utf-8";

@media screen and ( max-width:1000px ) {
     .container{
		 width: 900px;
	 }
	.ys_nr {
		width: 100%;
		margin: auto;
	}
}

@media screen and ( max-width: 996px ){
    
    .index-product-pic ul li .pro-img{border:1px solid #ddd;overflow: hidden;width:100%; height:160px;}
   
.img-responsive {max-width: 100%; height:160px;}

	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	    padding: 0px;
	}
	
     .container{
		 width: 768px;
	 }
	 .header-bg{
		 display: none;
	 }
	.index-title-right a {
		display: none;
	}
	.index-title-left {
	    display: table;
	    width: 100%;
	    float: left;
	    margin-bottom: 0;
	    margin-top: 18px;
	}
	.index-title-left h2 {
		font-size: 18px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}
	.index-ad {
		height: auto!important;
		padding-bottom: 14px;
	}
	.index-product-left {
	    width: 100%;
	    float: none;
	}
	.aboutContact {
		display: none;
	}
	.index-product-right {
	    width: 100%;
	    float: right;
	    margin-top: 20px;
	}
	.index-product-pic ul li {
	    display: table;
	    width: 31%;
	    float: left;
	    margin: 1%;
	    margin-bottom: 0;
	    margin-top: 0;
	}
	.titlea img{
		width: 100%;
	}
	.col6 {
	    padding: 0;
	    width: 100%;
	    float: left;
	}
	.ys_wznr {
	    font-size: 12px;
	    color: #fff;
	    line-height: 25px;
	    letter-spacing: 1px;
	    width: 100%;
	    margin: auto;
	    word-break: break-all;
		margin-bottom: 10px;
	}
	.ys_wznr i{
		font-size: 16px!important;
	}
	.h_pre, .h_next {
	    display: none;
	}
	.ys_wzbt2 {
	    width: 100% !important;
	}
	.homeNewsInner ul li {
	    margin-bottom: 45px;
	    border-bottom: 1px solid #dcdcdc;
	    display: table;
	    width: 100%;
	    float: left;
	    margin: 2%;
	    margin-top: 5px;
	    margin-bottom: 10px;
	}
	.ys_wzbt3 {
	    width: 100%!important;
	}
	.homeNewsH .right a {
	    display: inline-block;
	    width: 31%;
	    height: 36px;
	    margin-left: 8px;
	    line-height: 36px;
	    text-align: center;
	    font-size: 12px;
	    color: #fff;
	    background: #352e2b;
	    vertical-align: middle;
	}
	.homeNewsH .right {
		float: right;
		text-align: right;
		padding-left: 0;
		line-height: 52px;
		font-size: 0;
		background: #f5f5f5;
		position: relative;
		z-index: 22;
		margin-top: 10px;
		width: 100%;
	}
	.homeNewsH .left h3 em {
	    display: inline-block;
	    padding-right: 20px;
	    font-size: 34px;
	    font-weight: 600;
	    color: #007fc9;
	    background: #f5f5f5;
	}
	.homeNewsH {
	    height: 22px;
	    line-height: 30px;
	    position: relative;
	}
	.homeNewsH .left h3 em {
	    display: inline-block;
	    padding-right: 20px;
	    font-size: 30px;
	    font-weight: 600;
	    color: #007fc9;
	    background: #f5f5f5;
	}
	.homeNewsH .left {
	    float: left;
	    position: relative;
	    z-index: 22;
	    width: 80%;
	}
	.col6-bg {
	    width: auto;
	    display: table;
	    float: left;
	    padding-left: 0;
	}
	.inde-save-bottom-x {
	    display: table;
	    width: 100%;
	    padding: 0!important;
	}
	.ys_wzbtc {
	    float: left;
	    font-size: 21px;
	    font-weight: bold;
	    color: #fff;
	    line-height: 33px;
	    letter-spacing: 0px;
	    padding-top: 5px;
	    margin-left: 22px;
	}
	.ys_wzbtc i {
	    font-size: 20px!important;
	    margin-left: 4px!important;
	}
	.titleb {
	    font-size: 16px;
	    color: #fff;
	    margin-top: 10px;
	}
	.ys_nr li {
	    width: 100%;
	    height: 215px;
	}
	
	
	.index-save {
	    display: table;
	    width: 100%;
	    background: #ddd;
	    background: url(../images/sv.jpg) no-repeat center;
	    height: 100%;
	    background-size: cover;
	    position: relative;
	    background: inherit;
	    padding: 35px 0;
	    padding-bottom: 0px;
	}
	.index-save-text font {
	    font-size: 14px;
	    font-weight: bold;
	    color: #ff0000;
	}
	.index-save-body tr:nth-child(1) td {
	    background-color: #cc922e;
	    color: #fff;
	    font-weight: bold;
	    font-size: 15px;
	    line-height: 26px;
	    height: 45px;
	}
	.index-save-body table tr td {
	    border: 1px solid #ccc2b2;
	    text-align: center;
	    height: 40px;
	    line-height: 24px;
	    background: #fff;
	    font-size: 12px;
	}
	.index-save-bottom h3 {
	    font-size: 18px;
	    color: #007fc9;
	    font-family: 宋体;
	    font-weight: bold;
	}
	.index-save-bottom p {
	    font-size: 14px;
	    margin-top: 10px;
	    color: #007fc9;
	    font-weight: inherit;
	}
	.index-save-title h3 {
	    text-align: center;
	    font-size: 24px;
	    color: #484848;
	    font-weight: bold;
	    margin-bottom: 5px;
	    letter-spacing: 3px;
	    font-family: hbgz;
	    line-height: 30px;
	}
	.index-save-title i{
		font-size: 24px!important;
	}
	.index-save-title p {
	    font-size: 16px;
	    text-align: center;
	    color: #f00;
	    margin-bottom: 14px;
	    letter-spacing: 4px;
	    font-family: 宋体;
	}

	.ny-class {
	    width: 100%;
	    float: right;
	    margin-top: 5px;
	    background: #ffffff;
	    margin-bottom: 16px;
	    height: auto;
	    line-height: 25px;
	    padding: 0 10px;
	    border-bottom: 1px solid #e4e4e4;
	}
	
	.pavilion-container .pavilion-inner .tabs {
	    padding: 0 10px;
	    text-align: center;
	    display: table;
	    margin-left: 0px;
	}
	.pavilion-container .tab-content-wrap {
	    position: relative;
	    margin-top: 10px;
	    padding: 10px;
	    padding-top: 0;
	    display: block;
	    width: 100%;
	    height: auto;
	}
	.pavilion-container .pavilion-inner .tabs li {
	    float: left;
	    padding: 0 2px;
	    border: 1px solid #9a9a9a;
	    border-radius: 2px;
	    line-height: 36px;
	    font-size: 16px;
	    color: #9a9a9a;
	    letter-spacing: .35px;
	}
	.td-fix3 {
	    color: #333;
	    background-color: #fff;
	    border-color: #ccc;
	    border: 1px solid #ddd;
	    padding-right: 5px;
	    display: table;
	    padding: 0 5px;
	    overflow: hidden;
	    position: absolute;
	    z-index: 17;
	    background-color: #fff;
	    background: #fbfbfb;
	    border-bottom-width: 1px;
	    color: #333;
	    vertical-align: middle;
	    display: inline-block;
	    right: 0;
	    width: 80px;
	    padding: 0;
	    text-align: center;
	}
	
	.main-body {
	    display: table;
	    width: 100%;
	    padding-bottom: 14px;
	    margin-top: 0px;
	    background-color: #fff;
	    padding-top: 14px;
	    position: relative;
	}
	.pavilion-container {
	    padding-bottom: 0;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: center;
	    padding-top: 0;
	}
	
	.aboutL {
	    float: none;
	    width: 100%;
	}
	.aboutH h3 {
	    display: none;
	}
	.aboutH {
	    height: auto;
	    margin-top: 0px;
	    text-align: left;
	    color: #fff;
	    background: #007fc9;
	    position: relative;
	    z-index: 22;
	    text-indent: 10px;
	}
	.aboutH h2 {
	    line-height: 40px;
	    font-size: 16px;
	    font-weight: 600;
	}
	.aboutNav li {
	    line-height: 38px;
	    font-size: 15px;
	    position: relative;
	    width: 48%;
	    float: left;
	    border-bottom: 1px solid #ddd;
	    margin: 1%;
	}
	.aboutNav li a {
	    display: block;
	    padding: 0;
	    position: relative;
	}
	.aboutR {
	    float: right;
	    width: 100%;
	    margin-top: 10px;
	}
	.newsList li .pic {
	    float: left;
	    width: 45%;
	}
	.newsInner {
	    float: right;
	    width: 50%;
	}
	.newsInner h2 {
	    font-size: 16px;
	    line-height: 26px;
	    font-weight: 600;
	    margin-top: 5px;
	}
	.newsInner h2 {
	    font-size: 16px;
	    line-height: 26px;
	    font-weight: 600;
	    margin-top: 0;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 1;
	    overflow: hidden;
	}
	.newsInner h3 {
	    font-size: 15px;
	    color: #999;
	    line-height: 20px;
	    margin-top: 4px;
	}
	.newsInner p {
	    margin-top: 2px;
	    line-height: 20px;
	    color: #666;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	}
	.newsInner a.more {
	    display: block;
	    width: 85px;
	    height: 26px;
	    margin-top: 5px;
	    line-height: 26px;
	    text-align: center;
	    color: #007fc9;
	    border: 1px solid #007fc9;
	    font-size: 13px;
	}
	.aboutRTop {
	    font-size: 15px;
	    color: #000;
	    border-bottom: 1px solid #ddd;
	    height: 40px;
	    line-height: 40px;
	}
	.i-isdbt p {
	    display: inline-block;
	    color: #fff;
	    padding: 0 10px;
	    font-size: 18px;
	    line-height: 40px;
	    float: left;
	    width: 101px;
	    margin-left: 6px;
	    text-align: center;
	}
	.i-isdbt {
	    width: 100%;
	    overflow: hidden;
	    height: 40px;
	    line-height: 40px;
	    box-sizing: border-box;
	    margin-top: 65px;
	    color: #ddd;
	    background: url(../images/ny-topq.png) center no-repeat;
	    background-size: cover;
	    background: #007fc9;
	}
	.center .title {
	    text-align: center;
	    font-size: 22px;
	    letter-spacing: 1px;
	    color: #434343;
	    margin-bottom: 15px;
	}
	.i-isdbta span:nth-child(1) {
	    display: table;
	    width: 66%;
	    color: #484848;
	    font-size: 14px;
	    line-height: 25px;
	    float: left;
	}
	.i-isdbta span:nth-child(2) {
    display: table;
    width: 23%;
    color: #484848;
    font-size: 14px;
    line-height: 25px;
    float: right;
}
	
	.i-isdbta span:nth-child(2) img{
		width: 100%!important;
	}
	
	.homeNewsContH p {
	    line-height: 20px;
	    font-size: 14px;
	    color: #666;
	    margin-top: 4px;
	}
	
}

@media screen and ( max-width: 768px ){
     .container{
		 width: 520px;
	 }
	.ys_img {
		width: 100%;
		border: 1px solid #ddd;
	} 
	.ys_nr {
		width: 100%;
		margin: auto;
	}
	
	.ys_wzbt1 {
	    width: 100%!important;
	}
	.ys_wzbtb {
	    width: 70px;
	    height: 67px;
	    background: #ffb73b;
	    text-align: center;
	    line-height: 67px;
	    color: #fff;
	    font-size: 40px;
	    font-family: Impact;
	    margin: 5px 0px;
	}
	.ys_wzbta {
		width: 65px;
		border-top: 1px #ffb73b solid;
		border-right: 1px #ffb73b solid;
		height: 6px;
		float: left;
	}
	.ys_wz {
	    width: 100%;
	}
	
	.ys_wzbtc {
		float: left;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		line-height: 33px;
		letter-spacing: 0px;
		padding-top: 5px;
		margin-left: 22px;
		width: 72%;
	}
	.ys_wzbtc span {
	    font-weight: normal;
	    color: #fff;
	    font-size: 14px;
	    font-family: Arial;
	    display: block;
	    text-transform: uppercase;
	    letter-spacing: 0px !important;
	    line-height: 20px;
	}
	.index-service-titile h2 {
	    font-size: 22px;
	    font-weight: bold;
	    color: #007fc9;
	    text-align: center;
	    font-family: 微软雅黑;
	    margin-bottom: 10px;
	}
	.index-service-titile p {
	    background: url(../images/xu.png) no-repeat center;
	    text-align: center;
	    display: table;
	    width: 100%;
	    margin-top: 5px;
	    font-size: 14px;
	    font-weight: bold;
	    color: #211604;
	}
	.hezuo_p li {
	    float: left;
	    display: inline;
	    width: 0.485%;
	    margin: 0 0.02% 0 0;
	    text-align: center;
	}
	.homeZpc .left {
	    display: none;
	}
	.homeZpc {
	    padding: 15px 0 0px 0;
	    background-size: cover;
	    height: 100%;
	    padding-bottom: 14px;
	}
	.homeZpc .right {
	    float: right;
	    width: 100%;
	}
	.homeZpc .right h2 {
		font-size: 33px;
		font-weight: 600;
		color: #007fc9;
		margin-top: 0px;
		display: table;
		width: 40%;
	}
	.homeNewsContH h3 a {
	    color: #272727;
	    font-size: 16px;
	}
	.homeNewsNum {
	    float: left;
	    width: 11.222%;
	    font-size: 24px;
	    line-height: 44px;
	}
	#bottom {
	    display: none;
	}
	.picMarquee-left{
		margin-top: 20px;
	}
	.picMarquee-left .bd ul li .pic img{ width:190px; height:120px; display:block; padding:2px; border:1px solid #ccc; }
	.homeNews {
	    padding: 25px 0 3px 0;
	    background: #f5f5f5;
	    display: table;
	    width: 100%;
	}
	.footerZxH{
		display: none;
	}
	.left {
	    width: 100%;
	    float: left;
	}
	.footerEwm{
		display: none;
	}
	#footer ul{
		display: none;
	}
	.index-footer-bottom {
	    text-align: center;
	    color: #a0a0a0;
	    line-height: 19px;
	    height: auto;
	    margin-top: 10px;
	    border-top: 1px solid #484848;
	    padding: 10px 0;
	}
	#footer {
	    padding: 15px 0;
	    color: #fff;
	    background: #1a1a1a;
	    position: relative;
	    z-index: 8;
	    display: table;
	    width: 100%;
	    height: auto;
	    display: block;
	    padding-bottom: 0;
	}
	.index-save-li li {
	    color: #000;
	    display: table;
	    float: left;
	    width: 80px;
	    height: 80px;
	    margin-right: 8px;
	    border-radius: 50%;
	    text-align: center;
	    padding-top: 16px;
	    background: #ffffff;
	    border: 1px solid #777;
	}
	.inde-save-bottom-x .col6:nth-child(2) {
	    min-height: 195px;
	    height: auto;
	    padding-bottom: 18px;
	}
	.index-save-ul h3 {
	    font-size: 20px;
	    color: #484848;
	    font-weight: bold;
	    padding-top: 0px;
	    padding-left: 22px;
	    letter-spacing: 12px;
	    margin-bottom: 18px;
	}
	.index-save-ul p {
	    color: #fff;
	    font-size: 12px;
	    margin-left: 22px;
	    background: #dedede;
	    color: #484848;
	    width: 253px;
	    height: 30px;
	    line-height: 30px;
	    letter-spacing: 8px;
	    margin-top: 12px;
	}
	.index-save-ul {
	    width: 390px;
	    margin-top: 22px;
	    height: auto;
	    margin-bottom: 10px;
	}
	.index-save-li li h3 {
	    font-size: 16px;
	    font-weight: bold;
	    color: #f00;
	    margin-top: 0px;
	}
	.index-save-li {
	    display: table;
	    padding-left: 18px;
	}
	.index-save-text {
	    color: #484848;
	    font-size: 16px;
	    margin-top: 10px;
	    margin-bottom: 0;
	    padding-left: 24px;
	    line-height: 30px;
	}
	.homeZpc .right h2 font {
	    font-size: 0.08rem;
	    float: left;
	    letter-spacing: 4px;
	    display: table;
	}
	
	
	/* 下载中心 */
	.xz-bg dl dd {
	    border-bottom: 1px solid #ddd;
	    display: table;
	    width: 100%;
	    margin: 4px 0;
	    margin-bottom: 10px;
	}
	
	.xz-bg dl dd span {
	    float: right;
	    height: 14px;
	    line-height: 16px;
	    text-align: center;
	    border-radius: 12px;
	    width: 16%;
	}
	
	.xz-bg dl dd h3{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		padding: 0;
		line-height: 30px;
	}
	
	
	/* 应用案例 */
	.showList li {
	    float: left;
	    width: 48%;
	    margin-right: 2%;
	    margin-bottom: 30px;
	    text-align: center;
	}
	.showList li:nth-child(3n) {
	    margin-right: 2%;
	}
	.showList li:nth-child(2n) {
	    margin-right: 0%;
	}
	.showList li p {
	    background: #d9d9d9;
	    line-height: 40px;
	    font-size: 15px;
	    -moz-transition: all 0.3s ease-in;
	    -webkit-transition: all 0.3s ease-in;
	    -o-transition: all 0.3s ease-in;
	    transition: all 0.3s ease-in;
	}
	.showList li:hover img {
	    -webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    -o-transform: scale(1.1);
	    -moz-transform: scale(1.1);
	    transform: scale(1);
	}


	/* 产品中心 */
	.pavilion-container .pavilion-inner .tabs li {
	    float: none;
	    padding: 0 1;
	    border: 1px solid #e2e2e2;
	    line-height: 28px;
	    font-size: 13px;
	    color: #342c2a;
	    letter-spacing: .35px;
	    display: inline-block;
	    float: left;
	    margin-right: 1px;
	}
	.pro-lx-pro ul li {
	    width: 49%;
	    float: left;
	    margin: 0.5%;
	}
	.pro-top {
	    display: table;
	    width: 100%;
	    height: 40px;
	    line-height: 40px;
	    background: #007fc9;
	    margin-top: 10px;
	}
	
	
	/* 手机抬头 */
	.sp_header,.sjj_nav{display: block;}
	.sp_header {
		height: 50px;
		overflow: hidden;
		background: #fff;
		position: fixed;
		z-index: 99999999999999999;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}
	.sp_logo{padding:10px;float:left;height:50px}
	.sp_logo img{margin:auto;max-height:30px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
	.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;z-index: 9999;}
	.nav_show{top:50px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#666;width:80%}
	.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
	.sjj_nav ul li ul li>ul{margin-left:10px}

	/* 幻灯片 */
	.ny-banner{
		display: none;
	}
	.sj-banner {
		display: block;
		padding-top: 45px;
	}
	/* 幻灯片 */

	/* 幻灯片 */
	.flexslider{display: none;}
	.banner_box, .sj-banner {
	    display: block;
	}
	.banner_box img{width:100%; display:block;}
	.banner_box{width:100%;text-align:center; padding-top:50px;}
	.banner_box img{vertical-align:middle;}
	.roll_img_mb_01{overflow:hidden;position:relative;}
	.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
	.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;}
	.roll_img_mb_01 .nav_box{overflow:hidden; position:absolute; left:50%; transform:translate(-50%,0); bottom:20px;}
	.roll_img_mb_01 .nav_box li{width:30px;height:3px; font-size:1px; overflow:hidden; background:#fff; float:left; margin:4px;}
	.roll_img_mb_01 .nav_box .li_on{background:#b2120e;}
	.img_box ul li{height: auto!important;}
	/* 幻灯片 */
	
	.index-img-title>div span {
	    display: table;
	    width: 100%;
	    font-size: 12px;
	    position: absolute;
	    bottom: 3px;
	    text-align: center;
	    letter-spacing: 1px;
	    text-indent: 1px;
	    font-weight: bold;
	    color: #007fc9;
	}
	
	.main-z-bottom-bg{
		display: none;
	}
	
	.cp-right h3 {
	    font-size: 20px;
	    margin-top: 15px;
	}
	
	
	/* 产品已选择 */
	.pro-xz-left {
	    display: table;
	    float: left;
	    line-height: 34px;
	    margin-left: 16px;
	}
	.pro-xz-right ul li {
	    position: relative;
	    display: inline-block;
	    border: 1px solid #ccc;
	    padding: 4px 18px 4px 8px;
	    margin-right: 6px;
	    margin-top: 0;
	    background-color: #fff;
	    text-decoration: none;
	    font-size: 12px;
	    color: rgb(82 82 82);
	    margin-bottom: 8px;
	}
	.pro-xz-right {
	    display: table;
	    float: right;
	    width: 96%;
	}
	/* 产品已选择 */
	
}

@media screen and ( max-width: 425px ){
     .container{
		 width: 375px;
	 }
	 .ys_wznr {
	     font-size: 14px;
	     color: #fff;
	     line-height: 25px;
	     letter-spacing: 1px;
	     width: 100%;
	     margin: auto;
	     word-break: break-all;
		 margin-bottom: 10px;
	 }
}

@media screen and ( max-width: 320px ){
	body{
		display: none;
	}
}