.ty-banner-1 {
    line-height: 0;
    text-align:center;
}
.ty-banner-1 img{
    width:100%;
}
.p1-search-1 {
    background: #f2f2f2;
    height: 82px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    font-size: 14px;
}

.p1-search-1 p {
    color: #444;
    line-height: 82px;
}

.p1-search-1 a {
    color: #444;
    display: inline-block;
    margin-right: 15px;
}

.p1-search-1-inp {
    width: 270px;
    height: 30px;
    border-radius: 20px;
    background: #fff;
    padding-left: 10px;
    margin-top: 28px;
}

.p1-search-1-inp input {
    border: 0;
}
.yssy{width:1200px;margin:0 auto;}
.p1-search-1-inp1 {
    width: 224px;
    height: 30px;
    line-height: 30px;
    color: #a9a9a9;
    float: left;
}

.p1-search-1-inp2 {
    width: 30px;
    height: 30px;
    background: url(../images/viskins-p1.png) no-repeat -258px -936px;
    float: right;
    cursor: pointer;
}


.p12-curmbs-1 {
    font-size: 14px;
    border-bottom: 1px dashed #dcdcdc;
}
.p12-curblock{
    display: none;
}
.p12-curmbs-1 b {
    border-left: 10px solid #1a25ab;
    font-weight: normal;
    padding-left: 8px;
} 
.p12-curmbs-1 i {
    font-style: normal;
}

.p12-curmbs-1 span {
    font-family: '宋体';
    padding: 0 5px;
    height: 46px;
    line-height: 46px;
}


.p15-infolist-1-t1 {
    padding: 35px 49px 0px 21px;
    background: #fff;
    border-bottom: 1px dashed #cacaca;
    margin-bottom: 20px;
    height: 164px;
}

.p15-infolist-1-t1 dt {
    position: relative;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 8px;
    padding-left: 68px;
}
.p15-infolist-1-t1 dt a{
    display: block;
    color:#333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p15-infolist-1-t1 dt span {
    display: block;
    width: 60px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: -0px;
    background: #1a25ab;
}
.p15-infolist-1-t1-desc {
    height: 72px;
    line-height: 24px;
    margin-bottom: 5px;
    overflow: hidden; 
    padding-left: 68px;
}

.p15-infolist-1-t1-deta {
    width: 60px;
    float: right;
    padding-left: 20px;
    background: url(../images/p14-icon21.png) no-repeat left center;
}

.p15-infolist-1-t1-deta a {
    display: block;
    color:  #1a25ab;
}




.p14-infolist-1-list dl {
    border: 1px solid #dedede;
    margin-bottom: 15px;
    padding: 22px 50px 22px 22px;
    background: #fff;
    overflow: hidden;
}

.p14-infolist-1-list dl:hover {
    border-color: #1a25ab;
}

.p14-infolist-1-list dt {
    width: 38.44%;
    float: left;
    margin-right: 7.59%;
}

.p14-infolist-1-list dt img {
    width: 100%;
    display: block;
}

.p14-infolist-1-list dd h4 {
    height: 40px;
    font-weight: normal;
    font-size: 18px;
    color: #154c64;
    line-height: 40px;
    margin-bottom: 5px;
}

.p14-infolist-1-list h4 a {
    display: block;
    color: #4b4a4a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p14-infolist-1-list dl:hover h4 a {
    color: #1a25ab;
}

.p14-infolist-1-list-desc {
    max-height: 72px;
    font-size: 14px;
    line-height: 24px;
    color: #797979;
    margin-bottom: 28px;
    overflow: hidden;
}

.p14-infolist-1-list-deta {
    float: right;
    width: 134px;
    height: 40px;
    display: inline-block;
    border: 1px solid #aaa;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
}

.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta {
    background: #1a25ab;
    border-color: #1a25ab;
}

.p14-infolist-1-list dl:hover .p14-infolist-1-list-deta a {
    color: #fff;
}



.p14-left-nav-1-tit {
    background: #1a25ab;
    height: 80px;                            
}

.p14-left-nav-1-tit h3 {
    height: 75px;
    font-size: 24px; 
    font-weight: normal;
    line-height: 75px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: center;

}
.p14-left-nav-1-tit h3 span{font-size: 14px; text-transform: uppercase;}


.p14-left-nav-1-nav-one h3 {
    height: 50px;
    line-height: 50px; 
    background:url(../images/p14-icon5.png) no-repeat right center #ececeb; 
    margin-bottom: 2px;
    overflow: hidden;
}

.p14-left-nav-1-nav-one h3 a {
    display: block; 
    font-size: 18px;
    font-weight: normal;
    margin-right: 40px;
    margin-left: 38px; 
    color: #666;
}

.p14-left-nav-1-nav-one h3.sidenavcur,.p14-left-nav-1-nav-one h3:hover{
    background: url(../images/p14-icon2.png) no-repeat right center #1a25ab; 
}  
.p14-left-nav-1-nav-one h3.sidenavcur a,.p14-left-nav-1-nav-one h3:hover a{
    color: #fff
}

.p14-left-nav-1-nav dl{
    padding: 2px 0 4px;
}
.p14-left-nav-1-nav dt {
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    padding-left: 54px;
    padding-right: 40px; 
    margin-bottom: 1px;
    background:#ececec;
    position: relative;
    overflow: hidden;	

}
.p14-left-nav-1-nav dt:after{      
    content: "";
    width: 8px;
    height: 8px;              	
    border: 2px solid #b8b8b8;
    border-style: solid solid none none;
    position: absolute; 
    top: 50%;
    right: 32px;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.p14-left-nav-1-nav dt.sidenavcur:after,.p14-left-nav-1-nav dt:hover:after {
    border-color:#1a25ab;  
}
.p14-left-nav-1-nav dt.sidenavcur a,.p14-left-nav-1-nav dt:hover a{color: #1a25ab; }

.p14-left-nav-1-nav dd{
    border: 1px solid #ececec;                             
    border-bottom:0;     
}
.p14-left-nav-1-nav p {
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    padding-left: 72px;
    padding-right: 40px; 
    border-bottom: 1px solid #ececec; 
    background: #fff;
    position: relative;
    overflow: hidden;
}


/*.p14-left-nav-1-nav p:after{content: ""; width: 3px; height: 3px; border-radius: 100%;background: #666; position: absolute; left: 58px; top: 50%;}*/


.p14-left-nav-1-nav p.sidenavcur a,.p14-left-nav-1-nav p:hover a{color:#1a25ab;} 

.p14-left-nav-1-nav p.sidenavcur:after ,.p14-left-nav-1-nav p:hover:after  {background: #1a25ab; } 

.p14-left-nav-1-nav a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.p14-pro-1 {
    background: #fff;
}

.p14-pro-1-tit {
    height: 60px;
    font-size: 24px;
    line-height: 60px;
    margin-bottom: 10px;
    background: #1a25ab;
    color: #fff;
    text-align: center;
}

.p14-pro-1-list dl {
    border: 1px solid rgba(153, 153, 153, 0.3);
    margin-bottom: 10px;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 18px;
    overflow: hidden;
}

.p14-pro-1-list dt {
    width: 100%;
    height: 134px;
    overflow: hidden;
}

.p14-pro-1-list dt img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.p14-pro-1-list dd h4 {
    height: 40px;
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    color: #fff;
    background: #333;
    white-space: nowrap;
}

.p14-pro-1-list dd h4 a {
    display: block;
    color: #fff;
}


.contact-z1 {
    height: 140px;
    background: url("../images/contact-z1.jpg") no-repeat;
    color: #333;
    margin-bottom: 30px;
}

.contact-z1 p {
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    padding: 37px 0 0 95px; 
    background: url(../images/contact-z1_tel.png) no-repeat 74px 44px;
}

.contact-z1 span {
    display: block;
    height: 30px;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px; 
    padding-left: 73px;
}

.p14-infocontent-1 {
    background: #fff;
    padding: 18px 0;
}

.p14-infocontent-1-tit {
    height: 38px;
    font-size: 24px;
    font-weight: normal;
    line-height: 38px;
    color: #4b4a4a;
    text-align: center;
}

.p14-infocontent-1-sour {
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #aaa;
    margin-bottom: 20px;
}

.p14-infocontent-1-sour a{
    color: #aaa; }
.p14-infocontent-1-sour span {
    margin: 0 9px;
}

.p14-infocontent-1-text {
    padding: 16px 18px;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #d6d6d6;
    margin-bottom: 22px;
}

.p14-infocontent-1-text-t1 {
    width: 78px;
    float: left;
    color: #342f2e;
    margin-right: -78px;
}

.p14-infocontent-1-text-t2 {
    padding-left: 80px;
}


.p14-info-3 {
    background: #fff;
    padding: 0 40px 8px;
}

.p14-info-3-tit {
    height: 55px;
    font-size: 24px;
    line-height: 55px;
    color: #4b4a4a;
}

.p14-info-3-list li {
    height: 46px;
    font-size: 14px;
    line-height: 46px;
    color:#4b4a4a;
    border-top: 1px dashed #dbdbdb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p14-info-3-list li a{ color:#4b4a4a;}
.p14-info-3-list li span {
    float: right;
}


.p14-pagination-1 dl {
    margin-bottom: 24px;
    padding-right: 40px;
}

.p14-pagination-1 dd {
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p14-pagination-1 dd b {
    float: right;
    font-weight: normal;
}

.p14-pagination-1 dd span {
    width: 60px;
    height: 32px;
    background: #a2a2a2;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}

.p14-pagination-1 dt {
    height: 1px;
    border-bottom: 1px dashed #b5b5b5;
    margin-left: 60px;
    padding-top: 2px;
    margin-bottom: 2px;
}

.p14-pagination-1 dd em {
    float: right;
    font-style: normal;
    padding-left: 20px;
    font-weight: normal;
}

.p14-pagination-1 dl a {
    color: #4b4a4a;
}

.p14-pagination-1-href {
    float: right;
    font-size: 18px;
    line-height: 32px;
}

.p14-pagination-1-href span {
    display: inline-block;
    padding: 0 6px;
    margin-left: 4px;
    background: #1a25ab;
}

.p14-pagination-1-href a {
    display: block;
    color: #fff;
}

.p14-pagination-1-key {
    min-height: 40px;
    border-top: 1px solid #1a25ab;
    font-size: 14px;
    line-height: 40px;
    color:#575556;
}

.p14-pagination-1-key a {
    color: #575556;
}

.p14-pagination-1-key span {
    display: inline-block;
    margin: 0 4px;
}


.p14-info-2 {
    background: #fff;
}

.p14-info-2-tit {
    height: 80px;
    font-size: 24px;
    line-height: 80px;
    background: #1a25ab;
    color: #fff;
    text-align: center;
}

.p14-info-2-list dl { 
    padding: 26px 10px 20px 7px;
    border-bottom: 1px dashed rgba(153, 153, 153, 0.3);
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
}

.p14-info-2-list dt {
    width: 40.35%;
    float: left;
    margin-right: 6px;
}

.p14-info-2-list dt img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.p14-info-2-list dd h3 {
    height: 22px;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
}

.p14-info-2-list-desc {
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p14-info-2-list dl:nth-last-child(1) {
    border-bottom: 0;
}

.p6-order-form-1 {
    margin-bottom: 20px;
    overflow: hidden;
}

.p6-order-form-1-add {
    border: 1px solid #eee;
    overflow: hidden;
    margin-bottom: 65px;
}

.p6-order-form-1-add h3 {
    height: 76px;
    line-height: 76px;
    font-size: 24px;
    color: #fff;
    background: #1a25ab;

}
.fdh-01-tit h3 {
    height: 75px;
    font-size: 24px;
    font-weight: normal;
    line-height: 75px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: center;}
.fdh-01-tit {
    background: #1a25ab;
    height: 80px;}

.p6-order-form-1-add ul {
    padding: 20px 10px;
}

.p6-order-form-1-add li {
    font-size: 14px;
    line-height: 34px;
    color: #666;
}
.p6-order-form-1-add li.ema{ font-size:12px;}
.p6-order- form-1-add li.li01 {
    font-size: 20px;
    line-height: 42px;
    color: #c30101;
}


.public_nav{
	border-bottom:1px solid #e8e8e8;
}
.public_nav .agroup{
	display:inline-block;
	float:right;
}
.public_nav .agroup a{
	height:90px;
	line-height:90px;
	font-size:16px;
	color:#999;
	display:inline-block;
	padding:0 15px;
	position: relative;
	margin-left:15px;
}
.public_nav .agroup a::after{
	content:'';
	display:inline-block;
	height:3px;
	width:100%;
	background:#0a1440;
	position: absolute;
	left:0;
	bottom:0;
	display:none;
}
.public_nav .agroup a:hover::after,
.public_nav .agroup a.on::after{
	display:block;
}


@media (max-width:1400px){
	.public_nav{
		padding:0 15px;
	}
}
@media (max-width:1200px){
	.public_nav .agroup a{
		height:80px;
		line-height:80px;
		font-size:15px;
		margin-left:10px;
	}
	.breadcrumb{
		margin-top:26px;
	}
}
@media (max-width:991px){
	.public_nav .agroup a{
		height:60px;
		line-height:60px;
		font-size:14px;
	}
	.breadcrumb{
		margin-top:16px;
	}
}
@media (max-width:768px){
	.public_nav{
		border:none;
	}
	.public_nav .agroup{
		float:none;
		display:block;
	}
	.public_nav .agroup a{
		height:50px;
		line-height:50px;
		margin-right:10px;
		margin-left:0;
		margin-bottom:5px;
	}
}


.news{
	padding:50px 0;
}
.news_box{}
.news_box .list{
	padding:30px 45px;
	box-sizing: border-box;
	border:1px solid #fff;
	margin-bottom:20px;
}
.news_box .list:hover,
.news_box .list:active{
	border:1px solid #ededed;
}
.news_box .list .pic_box{
	height:245px;
}
.news_box .list .pic_box img{
	object-fit:cover;
	width:100%;
	height:100%;
}
.news_box .list .text_box{
	padding:20px 0;
	min-height:80px;
}
.news_box .list .text_box h4{
	font-size:16px;
	color:#333;
	margin-bottom:10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.news_box .list:active .text_box h4,
.news_box .list:hover .text_box h4{
	color:#0a1440;
}
.news_box .list .text_box p{
	font-size:14px;
	color:#999;
	line-height:22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news_box .list span.day{
	display:block;
	height:45px;
	line-height:45px;
	font-size:14px;
	color:#666;
	border-top:1px solid #ededed;
	background:url(../images/tag3.png) no-repeat right 5px center;
	position: relative;
}
.news_box .list span.day::after{
	width:0;
	height:1px;
	display:inline-block;
	content:'';
	position: absolute;
	left:0;
	top:-1px;
	background:#0a1440;
	z-index: 6;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}
.news_box .list:hover span.day::after{
	width:100%;
}

@media (max-width:1400px){
	.news{
		padding:50px 15px;
	}
	.news_box .list .pic_box{
		height:230px;
	}
}
@media (max-width:1200px){
	.news_box .list{
		padding:25px;
	}
	.news_box .list .pic_box{
		height:200px;
	}
}
@media (max-width:991px){
	.news{
		padding-top:40px;
	}
	.news_box .list{
		padding:20px;
		margin-bottom:15px;
	}
	.news_box .list .pic_box{
		height:180px;
	}
}
@media (max-width:768px){
	.news{
		padding-top:30px;
	}
}
@media (max-width:640px){
	.news{
		padding-top:20px;
	}
	.news_box .list{
		padding:15px;
	}
	.news_box .list .pic_box{
		height:160px;
	}
}
@media (max-width:480px){
	.news_box .list{
		padding:5px;
		margin-bottom:15px;
	}
	.news_box .list .pic_box{
		height:120px;
	}
}
@media (max-width:420px){
	.col-xs-6{
		width:100%;
	}
	.news_box .list .pic_box{
		height:150px;
	}
}



.newsv{
    padding-bottom:60px;
}
.newsv_box{
	padding:0 15px;
}
.newsv_box .htit{
    padding:50px 0;
    text-align:center;
}
.newsv_box .htit h2{
    font-size:20px;
    color:#333;
    font-weight:bold;
    padding:6px 0;
}
.newsv_box .htit p{
	padding:5px 0;
}
.newsv_box .htit span{
	height:25px;
	line-height:25px;
	display:inline-block;
	padding-left:25px;
	background-repeat: no-repeat;
	background-position:left center;
	font-size:15px;
	color:#777;
}
.newsv_box .htit span.date{
	background-image: url(../images/date.png);
	margin-right:20px;
}
.newsv_box .htit span.count{
	background-image: url(../images/view.png);
}
.newsv_box .text_box{
    font-size:14px;
    color:#333;
    line-height:26px;
    border-bottom:1px solid #bfbfbf;
    padding-bottom:40px;
}
.newsv_box .next_group{
    line-height:30px;
    padding:25px 0;
    font-size:15px;
    color:#444;
}
.newsv_box .next_group a{
    display:inline-block;
    margin-right:40px;
}
.newsv_box .next_group a:hover{
    text-decoration: underline;
}


@media (max-width:768px){
	.newsv_box .htit{
	    padding:40px 0;
	}
	.newsv_box .htit h2{
	    font-size:18px;
	}
}
@media (max-width:480px){
	.newsv{
	    padding-bottom:40px;
	}
	.newsv_box .htit h2{
	    font-size:16px;
	}
	.newsv_box .htit p{
	    font-size:14px;
	}
	.newsv_box .next_group{
	    font-size:14px;
	}
	
}

.breadcrumb{
	display:inline-block;
	margin-top:32px;
}
.breadcrumb li{
	display:inline-block;
	float:left;
	font-size:14px;
	color:#666;
	height:30px;
	line-height:30px;
	position: relative;
	padding-left:20px;
}
.breadcrumb li::after{
	display:inline-block;
	content: '>';
	height:30px;
	width:20px;
	position: absolute;
	left:0;
	top:0;
	text-align:center;
	line-height:30px;
	color:#585954;
}
.breadcrumb li:nth-child(1){
	padding-left:0;
}
.breadcrumb li:nth-child(1)::after{
	display:none;
}
.breadcrumb li a{
	display:block;
	padding:0 5px;
	color:inherit;();
}
.breadcrumb li a:hover{
	text-decoration: underline;
	color:#1436b2;
}
.main{
	  width: 100%;
  max-width: 1400px;
  margin: 0 auto;

}@charset "utf-8";
/*当页面大于1200px时，大屏幕主要是PC端*/
@media (min-width:1200px){

.main{
    max-width:1200px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-md-1{
    width:8.33%;
    float:left;
}
.col-md-2{
    width:16.66%;
    float:left;
}
.col-md-3{
    width:25%;
    float:left;
}
.col-md-4{
    width:33.33%;
    float:left;
}
.col-md-5{
    width:41.66%;
    float:left;
}
.col-md-6{
    width:50%;
    float:left;
}
.col-md-7{
    width:58.33%;
    float:left;
}
.col-md-8{
    width:66.66%;
    float:left;
}
.col-md-9{
    width:74.99%;
    float:left;
}
.col-md-10{
    width:83.33%;
    float:left;
}
.col-md-11{
    width:91.66%;
    float:left;
}
.col-md-12{
    width:100%;
    float:left;
}



.hidden-lg{
    display: none!important;
}


.col-md-offset-1{
    margin-left:8.33%;
}
.col-md-offset-2{
    margin-left:16.66%;
}
.col-md-offset-3{
    margin-left:25%;
}
.col-md-offset-4{
    margin-left:33.33%;
}
.col-md-offset-5{
    margin-left:41.66%;
}
.col-md-offset-6{
    margin-left:50%;
}
.col-md-offset-7{
    margin-left:58.33%;
}
.col-md-offset-8{
    margin-left:66.66%;
}
.col-md-offset-9{
    margin-left:74.99%;
}
.col-md-offset-10{
    margin-left:83.33%;
}
.col-md-offset-11{
    margin-left:91.66%;
}
.col-md-offset-12{
    margin-left:100%;
}







}



/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){

.main{
    max-width:1199px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-md-1{
    width:8.33%;
    float:left;
}
.col-md-2{
    width:16.66%;
    float:left;
}
.col-md-3{
    width:25%;
    float:left;
}
.col-md-4{
    width:33.33%;
    float:left;
}
.col-md-5{
    width:41.66%;
    float:left;
}
.col-md-6{
    width:50%;
    float:left;
}
.col-md-7{
    width:58.33%;
    float:left;
}
.col-md-8{
    width:66.66%;
    float:left;
}
.col-md-9{
    width:74.99%;
    float:left;
}
.col-md-10{
    width:83.33%;
    float:left;
}
.col-md-11{
    width:91.66%;
    float:left;
}
.col-md-12{
    width:100%;
    float:left;
}





.hidden-md{
    display: none!important;
}


.col-md-offset-1{
    margin-left:8.33%;
}
.col-md-offset-2{
    margin-left:16.66%;
}
.col-md-offset-3{
    margin-left:25%;
}
.col-md-offset-4{
    margin-left:33.33%;
}
.col-md-offset-5{
    margin-left:41.66%;
}
.col-md-offset-6{
    margin-left:50%;
}
.col-md-offset-7{
    margin-left:58.33%;
}
.col-md-offset-8{
    margin-left:66.66%;
}
.col-md-offset-9{
    margin-left:74.99%;
}
.col-md-offset-10{
    margin-left:83.33%;
}
.col-md-offset-11{
    margin-left:91.66%;
}
.col-md-offset-12{
    margin-left:100%;
}



}




/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){

.main{
    max-width:991px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-sm-1{
    width:8.33%;
    float:left;
}
.col-sm-2{
    width:16.66%;
    float:left;
}
.col-sm-3{
    width:25%;
    float:left;
}
.col-sm-4{
    width:33.33%;
    float:left;
}
.col-sm-5{
    width:41.66%;
    float:left;
}
.col-sm-6{
    width:50%;
    float:left;
}
.col-sm-6{
    width:50%;
    float:left;
}
.col-sm-7{
    width:58.33%;
    float:left;
}
.col-sm-8{
    width:66.66%;
    float:left;
}
.col-sm-9{
    width:74.99%;
    float:left;
}
.col-sm-10{
    width:83.33%;
    float:left;
}
.col-sm-11{
    width:91.66%;
    float:left;
}
.col-sm-12{
    width:100%;
    float:left;
}



.hidden-sm{
    display: none!important;
}



.col-sm-offset-1{
    margin-left:8.33%;
}
.col-sm-offset-2{
    margin-left:16.66%;
}
.col-sm-offset-3{
    margin-left:25%;
}
.col-sm-offset-4{
    margin-left:33.33%;
}
.col-sm-offset-5{
    margin-left:41.66%;
}
.col-sm-offset-6{
    margin-left:50%;
}
.col-sm-offset-7{
    margin-left:58.33%;
}
.col-sm-offset-8{
    margin-left:66.66%;
}
.col-sm-offset-9{
    margin-left:74.99%;
}
.col-sm-offset-10{
    margin-left:83.33%;
}
.col-sm-offset-11{
    margin-left:91.66%;
}
.col-sm-offset-12{
    margin-left:100%;
}






}





/*在小于767像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 767px){

.main{
    max-width:767px;
    width:100%;
    margin:0 auto;
    *zoom:1;
}
.col-xs-1{
    width:8.33%;
    float:left;
}
.col-xs-2{
    width:16.66%;
    float:left;
}
.col-xs-3{
    width:25%;
    float:left;
}
.col-xs-4{
    width:33.33%;
    float:left;
}
.col-xs-5{
    width:41.66%;
    float:left;
}
.col-xs-6{
    width:50%;
    float:left;
}
.col-xs-6{
    width:50%;
    float:left;
}
.col-xs-7{
    width:58.33%;
    float:left;
}
.col-xs-8{
    width:66.66%;
    float:left;
}
.col-xs-9{
    width:74.99%;
    float:left;
}
.col-xs-10{
    width:83.33%;
    float:left;
}
.col-xs-11{
    width:91.66%;
    float:left;
}
.col-xs-12{
    width:100%;
    float:left;
}



.hidden-xs{
    display: none!important;
}


.col-xs-offset-1{
    margin-left:8.33%;
}
.col-xs-offset-2{
    margin-left:16.66%;
}
.col-xs-offset-3{
    margin-left:25%;
}
.col-xs-offset-4{
    margin-left:33.33%;
}
.col-xs-offset-5{
    margin-left:41.66%;
}
.col-xs-offset-6{
    margin-left:50%;
}
.col-xs-offset-7{
    margin-left:58.33%;
}
.col-xs-offset-8{
    margin-left:66.66%;
}
.col-xs-offset-9{
    margin-left:74.99%;
}
.col-xs-offset-10{
    margin-left:83.33%;
}
.col-xs-offset-11{
    margin-left:91.66%;
}
.col-xs-offset-12{
    margin-left:100%;
}


}