/*  手机等小屏幕手持设备*/
@media screen and (min-width: 320px) and (max-width: 767px) {
	.animate{transition: all 0.5s ease-in-out;}
		.m{     padding-bottom: 24px;  text-align: center;font-size: 20px;line-height: 50px;font-family: Microsoft Yahei; color: gray;border:1px solid #eaeaea;cursor: pointer;}
		.b{position: relative;}
		.b span{display: inline-block;position: absolute;content: none;border: 0;width: 0;height: 0;}
		.b span.top{right:0;top:0;border-top:2px solid #355cc1;margin-top:-2px;}
		.b:hover span.top{width:100%;}
		.b span.right{right:0;bottom:0;border-right:2px solid #355cc1;margin-right:-2px;}
		.b:hover span.right{height:100%;}
		.b span.bottom{left:0;bottom:0;border-bottom:2px solid #355cc1;margin-bottom:-2px;}
		.b:hover span.bottom{width:100%;}
		.b span.left{left:0;top:0;border-left:2px solid #355cc1;margin-left:-2px;}
		.b:hover span.left{height:100%;}
		.honor-title{
			font-weight: 600;
			font-size: 18px;
			color: #333333;
			margin-top: 8px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			line-clamp: 1;
			-webkit-box-orient: vertical;
			white-space: initial;
			width: 90%;
			margin: 0 auto;
		}
		.honor-time{
			font-size: 16px;
			color: #333333;
			height: 20px;
			line-height: 20px;
		}
		.honor-img{
			text-align: center;
			width: 100%;
			overflow: hidden; 
			margin-top: 11px; 
		}
		.honor-img img{
			width: 100%;
			height: auto;
			cursor: pointer;  
                transition: all 0.6s;  
		}
		.honor-img img:hover{  
                transform: scale(1.4);  
            }  
		.honor-company{
			font-size: 16px;
			color: #333333;
			text-align: left;
			width: 89%;
		    margin: 0 auto;
		    border-bottom: 1px solid #eaeaea;
		    height: 60px;
		    line-height: 60px;
		    overflow: hidden;
    		text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 1;
		    line-clamp: 1;
		    -webkit-box-orient: vertical;
		    white-space: initial;
		}
		.honor-award{
			font-size: 16px;
			color: #333333;
			text-align: left;
			width: 89%;
		    margin: 0 auto;
		    border-bottom: 1px solid #eaeaea;
		    height: 60px;
		    line-height: 60px;
		    overflow: hidden;
    		text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 1;
		    line-clamp: 1;
		    -webkit-box-orient: vertical;
		    white-space: initial;
		}
		.honor-content{
			font-size: 16px;
			color: #333333;
			text-align: left;
			width: 89%;
    		margin: 0 auto;
        	line-height: 26px;
        	padding-top: 22px;
        	height: 74px;
    		overflow: hidden;
    		text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    line-clamp: 2;
		    -webkit-box-orient: vertical;
		    white-space: initial;
		}
		.honor-imga{
			width: 90%;
			height: 207px;
			margin: 0 auto;
			overflow: hidden;
		}

		.honor-top{
			margin-top: 28px;
		}
		.listitems{
			margin-bottom: 30px;
		}
		.picture-content-title{
			
		    text-align: left;
		     width: 94%;
			 margin: 0 auto;
			  margin-top: 35px;
			  font-weight: 600;
			  font-size: 22px;
			  color: #333333;
		}
		.picture-content-time{
			
		    text-align: left;
		    width: 94%;
			margin: 0 auto;
			margin-top: 12px;
			font-size: 16px;
			color: #999999;
		}
		.picture-content-company{
			margin-top: 12px;
		    text-align: left;
		    width: 94%;
			margin: 0 auto;
			margin-top: 12px;
			font-size: 16px;
			color: #999999;
		}
		.picture-content-award{
			margin-top: 12px;
		    text-align: left;
		    width: 94%;
			margin: 0 auto;
			margin-top: 12px;
			font-size: 16px;
			color: #999999;
		}
		.picture-content-content{
			    text-align: left;
			    /* padding-left: 12%; */
			    border-top: 1px solid #dddddd;
			    width: 94%;
			    margin: 0 auto;
			    margin-top: 10px;
			    padding-top: 10px;
			    font-size: 16px;
			color: #999999;
		}
}
/*  //平板*/
@media screen  and (min-width: 768px) and (max-width: 1024px) {
    .animate{transition: all 0.5s ease-in-out;}
    .m{    height: 589px;text-align: center;font-size: 20px;line-height: 50px;font-family: Microsoft Yahei; color: gray;border:1px solid #eaeaea;cursor: pointer;}
    .b{position: relative;}
    .b span{display: inline-block;position: absolute;content: none;border: 0;width: 0;height: 0;}
    .b span.top{right:0;top:0;border-top:2px solid #355cc1;margin-top:-2px;}
    .b:hover span.top{width:100%;}
    .b span.right{right:0;bottom:0;border-right:2px solid #355cc1;margin-right:-2px;}
    .b:hover span.right{height:587px;}
    .b span.bottom{left:0;bottom:0;border-bottom:2px solid #355cc1;margin-bottom:-2px;}
    .b:hover span.bottom{width:100%;}
    .b span.left{left:0;top:0;border-left:2px solid #355cc1;margin-left:-2px;}
    .b:hover span.left{height:587px;}
    .honor-title{
        font-weight: 600;
        font-size: 20px;
        color: #333333;
        margin-top: 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: initial;
    }
    .honor-time{
        font-size: 18px;
        color: #333333;

    }
    .honor-img{
        text-align: center;
        width: 100%;
        overflow: hidden;
        margin-top: 11px;
    }
    .honor-img img{
        width: 100%;
        height: auto;
        cursor: pointer;
        transition: all 0.6s;
    }
    .honor-img img:hover{
        transform: scale(1.4);
    }
    .honor-company{
        font-size: 16px;
        color: #333333;
        text-align: left;
        width: 89%;
        margin: 0 auto;
        border-bottom: 1px solid #eaeaea;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: initial;
    }
    .honor-award{
        font-size: 16px;
        color: #333333;
        text-align: left;
        width: 89%;
        margin: 0 auto;
        border-bottom: 1px solid #eaeaea;
        height: 60px;
        line-height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: initial;
    }
    .honor-content{
        font-size: 16px;
        color: #333333;
        text-align: left;
        width: 89%;
        margin: 0 auto;
        line-height: 26px;
        padding-top: 22px;
        height: 74px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: initial;
    }
    .honor-imga{
        width: 90%;
        height: 207px;
        margin: 0 auto;
        overflow: hidden;
    }

    .honor-top{
        margin-top: 70px;
    }
    .listitems{
        margin-bottom: 70px;
    }
    .picture-content-title{

        text-align: left;
        width: 94%;
        margin: 0 auto;
        margin-top: 35px;
        font-weight: 600;
        font-size: 22px;
        color: #333333;
    }
    .picture-content-time{

        text-align: left;
        width: 94%;
        margin: 0 auto;
        margin-top: 12px;
        font-size: 16px;
        color: #999999;
    }
    .picture-content-company{
        margin-top: 12px;
        text-align: left;
        width: 94%;
        margin: 0 auto;
        margin-top: 12px;
        font-size: 16px;
        color: #999999;
    }
    .picture-content-award{
        margin-top: 12px;
        text-align: left;
        width: 94%;
        margin: 0 auto;
        margin-top: 12px;
        font-size: 16px;
        color: #999999;
    }
    .picture-content-content{
        text-align: left;
        /* padding-left: 12%; */
        border-top: 1px solid #dddddd;
        width: 94%;
        margin: 0 auto;
        margin-top: 10px;
        padding-top: 10px;
        font-size: 16px;
        color: #999999;
    }
	#honor{
		font-family: 'Regular';
		width: 100%;
	}
}
@media screen  and (min-width: 1024px) and (max-width: 1200px) {
		        /*** css code ***/
		.animate{transition: all 0.5s ease-in-out;}
		.m{    height: 589px;text-align: center;font-size: 20px;line-height: 50px;font-family: Microsoft Yahei; color: gray;border:1px solid #eaeaea;cursor: pointer;}
		.b{position: relative;}
		.b span{display: inline-block;position: absolute;content: none;border: 0;width: 0;height: 0;}
		.b span.top{right:0;top:0;border-top:2px solid #355cc1;margin-top:-2px;}
		.b:hover span.top{width:100%;}
		.b span.right{right:0;bottom:0;border-right:2px solid #355cc1;margin-right:-2px;}
		.b:hover span.right{height:587px;}
		.b span.bottom{left:0;bottom:0;border-bottom:2px solid #355cc1;margin-bottom:-2px;}
		.b:hover span.bottom{width:100%;}
		.b span.left{left:0;top:0;border-left:2px solid #355cc1;margin-left:-2px;}
		.b:hover span.left{height:587px;}
		.honor-title{
			font-weight: 600;
			font-size: 20px;
			color: #333333;
			margin-top: 48px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			line-clamp: 1;
			-webkit-box-orient: vertical;
			white-space: initial;
		}
		.honor-time{
			font-size: 18px;
			color: #333333;
			
		}
		.honor-img{
			text-align: center;
			width: 100%;
			overflow: hidden; 
			margin-top: 11px; 
		}
		.honor-img img{
			width: 100%;
			height: auto;
			cursor: pointer;  
                transition: all 0.6s;  
		}
		.honor-img img:hover{  
                transform: scale(1.4);  
            }  
		.honor-company{
			font-size: 16px;
			color: #333333;
			text-align: left;
			width: 89%;
		    margin: 0 auto;
		    border-bottom: 1px solid #eaeaea;
		    height: 60px;
		    line-height: 60px;
		    overflow: hidden;
    		text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 1;
		    line-clamp: 1;
		    -webkit-box-orient: vertical;
		    white-space: initial;
		}
		.honor-award{
			font-size: 16px;
			color: #333333;
			text-align: left;
			width: 89%;
		    margin: 0 auto;
		    border-bottom: 1px solid #eaeaea;
		    height: 60px;
		    line-height: 60px;
		    overflow: hidden;
    		text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 1;
		    line-clamp: 1;
		    -webkit-box-orient: vertical;
		    white-space: initial;
		}
		.honor-content{
			font-size: 16px;
			color: #333333;
			text-align: left;
			width: 89%;
    		margin: 0 auto;
        	line-height: 26px;
        	padding-top: 22px;
        	height: 74px;
    		overflow: hidden;
    		text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    line-clamp: 2;
		    -webkit-box-orient: vertical;
		    white-space: initial;
		}
		.honor-imga{
			width: 90%;
			height: 207px;
			margin: 0 auto;
			overflow: hidden;
		}

		.honor-top{
			margin-top: 70px;
		}
		.listitems{
			margin-bottom: 70px;
		}
		.picture-content-title{
			
		    text-align: left;
		     width: 95%;
			 margin: 0 auto;
			  margin-top: 35px;
			  font-weight: 600;
			  font-size: 22px;
			  color: #333333;
		}
		.picture-content-time{
			
		    text-align: left;
		    width: 95%;
			margin: 0 auto;
			margin-top: 12px;
			font-size: 16px;
			color: #999999;
		}
		.picture-content-company{
			margin-top: 12px;
		    text-align: left;
		    width: 95%;
			margin: 0 auto;
			margin-top: 12px;
			font-size: 16px;
			color: #999999;
		}
		.picture-content-award{
			margin-top: 12px;
		    text-align: left;
		    width: 95%;
			margin: 0 auto;
			margin-top: 12px;
			font-size: 16px;
			color: #999999;
		}
		.picture-content-content{
			    text-align: left;
			    /* padding-left: 12%; */
			    border-top: 1px solid #dddddd;
			    width: 95%;
			    margin: 0 auto;
			    margin-top: 10px;
			    padding-top: 10px;
			    font-size: 16px;
			color: #999999;
		}
	#honor{
		font-family: 'Regular';
		width: 100%;
	}
	#pictureViewer .picture-content .cover{
		width: 472px;
	}
}
@media screen  and (min-width: 1200px) {
	.cover{
		width: 472px;
	}
	        /*** css code ***/
		.animate{transition: all 0.5s ease-in-out;}
		.m{    height: 675px;text-align: center;font-size: 20px;line-height: 50px;font-family: Microsoft Yahei; color: gray;border:1px solid #eaeaea;cursor: pointer;}
		.b{position: relative;}
		.b span{display: inline-block;position: absolute;content: none;border: 0;width: 0;height: 0;}
		.b span.top{right:0;top:0;border-top:2px solid #355cc1;margin-top:-2px;}
		.b:hover span.top{width:100%;}
		.b span.right{right:0;bottom:0;border-right:2px solid #355cc1;margin-right:-2px;}
		.b:hover span.right{height:671px;}
		.b span.bottom{left:0;bottom:0;border-bottom:2px solid #355cc1;margin-bottom:-2px;}
		.b:hover span.bottom{width:100%;}
		.b span.left{left:0;top:0;border-left:2px solid #355cc1;margin-left:-2px;}
		.b:hover span.left{height:671px;}
		.honor-title{
			font-weight: 600;
			font-size: 20px;
			color: #333333;
			margin-top: 48px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			line-clamp: 1;
			-webkit-box-orient: vertical;
			white-space: initial;
		}
		.honor-time{
			font-size: 18px;
			color: #333333;
			
		}
		.honor-img{
			text-align: center;
			width: 100%;
			height: 275px;
			overflow: hidden; 
			margin-top: 11px; 
		}
		.honor-img img{
			width: 100%;
			height: auto;
			cursor: pointer;  
                transition: all 0.6s;  
		}
		.honor-img img:hover{  
                transform: scale(1.4);  
            }  
		.honor-company{
			font-size: 16px;
			color: #333333;
			text-align: left;
			width: 89%;
		    margin: 0 auto;
		    border-bottom: 1px solid #eaeaea;
		    height: 60px;
		    line-height: 60px;
		    overflow: hidden;
    		text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 1;
		    line-clamp: 1;
		    -webkit-box-orient: vertical;
		    white-space: initial;
		}
		.honor-award{
			font-size: 16px;
			color: #333333;
			text-align: left;
			width: 89%;
		    margin: 0 auto;
		    border-bottom: 1px solid #eaeaea;
		    height: 60px;
		    line-height: 60px;
		    overflow: hidden;
    		text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 1;
		    line-clamp: 1;
		    -webkit-box-orient: vertical;
		    white-space: initial;
		}
		.honor-content{
			font-size: 16px;
			color: #333333;
			text-align: left;
			width: 89%;
    		margin: 0 auto;
        	line-height: 26px;
        	padding-top: 22px;
        	height: 74px;
    		overflow: hidden;
    		text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    line-clamp: 2;
		    -webkit-box-orient: vertical;
		    white-space: initial;
		}
		.honor-imga{
			height: 288px;
			margin: 0 auto;
			overflow: hidden;
			width: 338px;
		}

		.honor-top{
			margin-top: 70px;
		}
		.listitems{
			margin-bottom: 70px;
		}
		.picture-content-title{
			
		    text-align: left;
		     width: 95%;
			 margin: 0 auto;
			  margin-top: 35px;
			  font-weight: 600;
			  font-size: 22px;
			  color: #333333;
		}
		.picture-content-time{
			
		    text-align: left;
		    width: 95%;
			margin: 0 auto;
			margin-top: 12px;
			font-size: 16px;
			color: #999999;
		}
		.picture-content-company{
			margin-top: 12px;
		    text-align: left;
		    width: 95%;
			margin: 0 auto;
			margin-top: 12px;
			font-size: 16px;
			color: #999999;
		}
		.picture-content-award{
			margin-top: 12px;
		    text-align: left;
		    width: 95%;
			margin: 0 auto;
			margin-top: 12px;
			font-size: 16px;
			color: #999999;
		}
		.picture-content-content{
			    text-align: left;
			    /* padding-left: 12%; */
			    border-top: 1px solid #dddddd;
			    width: 95%;
			    margin: 0 auto;
			    margin-top: 10px;
			    padding-top: 10px;
			    font-size: 16px;
			color: #999999;
		}
	.navbar{
		min-height: 66px;
	}
	#honor{
		font-family: 'Regular';
		width: 100%;
	}
	.content{
		height: 691px;
	}
}