p {
    margin-top: 0;
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# ��ҳ-����
--------------------------------------------------------------*/
.hezuo{
	max-width:1400px;
	}
.hezuo ul {
	padding: 0;
}
.hezuo li {
    width: 7%;
    box-sizing: border-box;
    float: left;
    position: relative;
    padding:2px;
}
.hezuo li em {
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    text-align: center;
}

.hezuo li em img {
    max-width: 100%;
    width: auto;
    display: inline;
}


/*--------------------------------------------------------------
# ��ҳ-��Ѷ
--------------------------------------------------------------*/
.zixun {
	max-width:1400px;
}
	
.zixunbg{
		background: white;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 5px 5px 15px lightgrey;
    margin:0 15px;
    width:30%
}

.zixun ul{
	padding:0;

}
	
.zixun li{
    box-sizing: border-box;
    position: relative;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:10px 15px 0px 10px
}



.container2{
    width: 100%;
}

.left{
		float:left;	
}


.zixun2{
	width:100%;
	}
	
.zixun2 ul{
	padding:0;
}
	
.zixun2 li{
    box-sizing: border-box;
    position: relative;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

}

.zixun2 li span{
    font-size:12px;	
overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
white-space: initial;
}


.article-main{
    max-width:1400px;
    margin:60px auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.article-main .left-article{
    width:70%;
    box-sizing: border-box;
    padding:0px 15px 30px 15px;
    box-shadow: 0 0 10px #dddddd;
}
.article-main .left-article .mainHead{
    width:100%;
    text-align: center;
}
.article-main .left-article .mainHead .title{
    line-height: 2;
    font-size:30px;
}
.article-main .left-article .mainHead .tag{
    font-size:16px;
    color:#999999;
    padding-bottom:10px;
    border-bottom:1px solid #999999
}
.article-main .left-article .article-container{
    padding-top:20px;
}
.article-main .left-article .article-container img{
    max-width:100% !important;
}
/*  */
.article-main .left-article .jump-link{
    width:100%;
    box-sizing:border-box;
    padding:15px 10px;
    display:flex;
    justify-content: space-between;
    align-items:center;
    flex-wrap:wrap;
    background-color: #f9f9f9;
    box-shadow:0 0 5px #e0e0e0;
    border-radius:10px;
    color:#999999;
}
.article-main .left-article .jump-link .content-desc{
    border-left:5px solid #1c5c93;
    box-sizing: border-box;
    padding-left:10px;
}
.article-main .left-article .jump-link>i{
    display:inline-block;
    width:40px;
    height:40px;
    font-size:30px;
    padding:5px;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow:0 0 5px #d9d9d9;
    border-radius:50%;
    color:#999999;
}
.article-main .right-recommend{
    width:30%;
    box-sizing: border-box;
    padding-left:30px;
}
.article-main .right-recommend .recommend-container{
    width:100%;
    height:100%;
    box-shadow: 0 0 10px #dddddd;
    box-sizing: border-box;
    padding:15px 15px 15px 15px;
}
.article-main .right-recommend .recommend-container .mainTitle{
    width:100%;
    text-align: center;
    font-size: 40px;
    color:#1c5c93;
    line-height:1.2;
    padding-bottom:10px;
    margin-bottom: 15px;
    position: relative;
} 
.article-main .right-recommend .recommend-container .mainTitle::before{
    content:'';
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    display:block;
    width:30%;
    height:4px;
    border-radius: 2px;
    background-color: #1c5c93;
}
.article-main .right-recommend .recommend-container .mainInfo{
    text-align: center;
    font-size:20px;
    font-weight: 600;
    color:#555555;
    
}
.article-main .right-recommend .recommend-container .classic-item{
    width:100%;
    box-sizing: border-box;
    display: block;
    padding-top:15px;
}
.article-main .right-recommend .recommend-container .classic-item .fixed-compare{
    padding-bottom:62%;

}

.article-main .right-recommend .recommend-container .classic-item .hidden-info{
    z-index: 3;
    color:#ffffff;
    opacity: 0;
    transition:all 0.3s linear 0s;
}
.article-main .right-recommend .recommend-container .classic-item .hidden-info .type{
    width:100%;
    text-align: left;
    line-height:1.2;
    padding:10px;
    position: relative;
    box-sizing: border-box;
    
}
.article-main .right-recommend .recommend-container .classic-item .hidden-info .type::before{
    position: absolute;
    left:10px;
    bottom:0;
    content:'';
    width:10%;
    height:3px;
    background-color:#1c5c93;
}
.article-main .right-recommend .recommend-container .classic-item .hidden-info .title{
    width:60%;
    font-size:18px;
    padding-top:20px;
    text-align: center;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.article-main .right-recommend .recommend-container .classic-item .hidden-info>i{
    position: absolute;
    right:5px;
    bottom:5px;
    color:#ffffff;
    background-color: #1c5c93;
    line-height: 20px;
    padding:5px;
    border-radius:50%;
}
.article-main .right-recommend .recommend-container .classic-item .hidden-info>i::before{
    margin-left:2px;
}
.article-main .right-recommend .recommend-container .classic-item:hover .hidden-info{
    opacity: 1;
}

.pages{
	margin-top:40px; 
	text-align:center;
	}
.pages .mpages{
	display:inline-block;
	}
.pages a{
	display:inline-block; 
	padding:5px 10px; 
	border:1px solid #ddd; 
	font-size:12px;
	border-radius:5px; 
	transition:all 0.5s; 
	-webkit-transition:all 0.5s; 
	color:#333; 
	margin:0px 5px;
	}
.pages a:hover,.pages a.on{
	background:#c01119; 
	color:#FFF;
	border:1px solid #c01119;
	}


/* ���� */
.mark{
    width:100%;
    height:100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    z-index: 1001;
}
.share-dialog{
    position: fixed;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 270px;
    margin:-135px 0 0 -250px;
    background: #fff;
    z-index: 1002;
}
.share-dialog .share-close{
    position: absolute;
    right: 7px;
    top: 10px;
    width: 26px;
    height: 26px;
    display: inline-block;
    cursor: pointer;
    background: url("../share/dialog-close.png") no-repeat;
}
.share-dialog .share-dialog-title{
    height: 45px;
    line-height: 45px;
    text-indent: 15px;
    background: #eee;
}
.share-dialog .share-dialog-cont{
    padding:38px 20px;
    font-size: 14px;
}
.share-dialog .share-copy{
    display:flex;
    align-items: center;
}
.share-dialog .share-copy-l{
    width: 77px;
    flex-shrink: 0;
}
.share-dialog .share-copy-c{
    flex-grow: 1;
    white-space: wrap;
    word-break: break-all;

}
.share-dialog .share-copy-c input{
    display: block;
    width: 100%;
    height: 36px;
    padding: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.2;
    color: #555;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #ccc;
}
.share-dialog .share-copy-c input:focus{
    border-color: #333;
    outline: 0;
}
.share-dialog .share-copy-r{
    float: left;
    width: 76px;
    text-align: right;
    color: #f37b1d;
    margin-top: 8px;
    cursor: pointer;
}
.share-platform{
    clear: both;
    margin-top: 10px;
}
.share-platform .share-platform-l{
    float: left;
    width: 77px;
    margin-top: 8px;
}
.share-platform .share-platform-r{
    float: left;
    width: 310px;
}
.share-platform .bds_weixin{
    background-image: url('../share/css-bg.png');
    background-position: -13px -7px !important;
}
.share-platform .bds_tsina{
    background-image: url('../share/css-bg.png');
    background-position: -57px -7px !important;
}
.share-platform .bds_sqq{
    background-image: url('../share/css-bg.png');
    background-position: -101px -7px !important;
}
.share-platform .bds_qzone{
    background-image: url('../share/css-bg.png');
    background-position: -146px -7px !important;
}
.share-platform .share-platform-text{
    color: #aaa;
    margin-top: 5px;
}

/* ���Զ˵���ʽ���� */
/* ���ڵ��Զ������õ��� */
@media only screen and (min-width:1025px){
    
}
/* ��������ʽΪ1680�������ϵ���Ļ */
/* 1680*1050��1600*900���ص���Ļ */
@media only screen and (min-width:1025px) and (max-width:1720px){

}
/* 1440*900��1400*1050���ص���Ļ */
@media only screen and (min-width:1025px) and (max-width:1480px){

}
/* 1366*768��1360*768 */
@media only screen and (min-width:1025px) and (max-width:1390px){

}
/* 1280*1024��1280*960��1280*800��1280*768��1280*720��1280*600 */
@media only screen and (min-width:1025px) and (max-width:1300px){

}
/* ipad����Ļ�ߴ�;1024, 768*/
/* ����ƽ�����֮�����Ļ���߼����صĿ�ȷ�Χ�����1024 */
@media only screen and (max-width:1024px){
    .article-main{
        width:100%;
        margin: 0;
        max-width: 100%;
        box-sizing: border-box;
        padding:0 50px;
    }
    .article-main .left-article{
        width:100%;
        box-shadow: unset;

    }
    .article-main .right-recommend{
        width:100%;
        padding:0;
    }
    .article-main .right-recommend .recommend-container{
        width:100%;
        box-shadow: unset;
        border-top: 1px solid #999999;
    }
    .article-main .right-recommend .recommend-container .classic-item .hidden-info{
        opacity: 1;
    }
    .article-main .right-recommend .recommend-container .classic-item{
        padding-top:60px;
    }
}
@media only screen and (max-width:768px){
    .article-main .left-article .jump-link .content-desc{
        font-size:14px;
    }
}
/* �ƶ��˵���ʽ���� ��׿����Ļ���߼����ؿ��һ�㶼��360.�߶���640,720,780�ȵ�.ƻ�����ֻ���Ļ�߼����ؿ��Ϊ320(ƻ��5), 375,414�ȵ�*/
/* ͨ�������ؿ�ȵĴ�ŵ�����Ϊ320~450֮�� */
@media only screen and (max-width:414px){
    .article-main{
        padding:0 10px 30px 10px;
    }
    .article-main .right-recommend .recommend-container{
        padding:0;
    }
    .article-main .right-recommend .recommend-container .classic-item{
        padding-top:10px;
    }
    .article-main .left-article .jump-link{
        justify-content: center;
    }
    .article-main .left-article .jump-link>i{
        margin-top:15px;
    }
    /* ���� */
    .share-dialog{
        width:90%;
        height:auto;
        transform:translate(-50%,-50%);
        margin:0;
    }
    .share-platform .share-platform-r{
        width:100%;
    } 
}
@media only screen and (max-width:375px){
    
}
@media only screen and (max-width:360px){
    
}
@media only screen and (max-width:320px){
    
}


.classic-nav{
    padding:0 20px 40px;
    line-height: 1.0;
    box-sizing: border-box;
    font-size:0px;
}
.classic-nav .nav-container{
    display: inline-block;
    width:100%;
    overflow-y:hidden;
    white-space: nowrap;
    font-size:16px;
    padding-bottom:5px;
    text-align: center;
}
.classic-nav .nav-container>a{
    display: inline-block;
    padding:10px;
    white-space: nowrap;
    box-sizing: border-box;
    margin:0 10px;
    box-sizing: border-box;
	font-size: 14px;
}


.classic-nav .nav-container>a:hover{
  background: #428bca;
  color: #fff;
  border-radius: 5px;
}


.classic-nav .nav-container::after{
    clear:both;
}
.classic-nav .nav-container::-webkit-scrollbar{
	width: 100%;
	height: 4px;
	background-color:#f0f0f0;
}
.classic-nav .nav-container::-webkit-scrollbar-track{
	width: 100%;
	height: 4px;
}
.classic-nav .nav-container::-webkit-scrollbar-thumb{
	background-color: #1c5c93;
	height: 4px;
	border-radius: 2px;
}









.classic-nav>a{
    color:#333333;
    line-height: 1.0;
    padding:6px 30px;
    border:1px solid #1c5c93;
    margin: 5px 10px;
    transition: all 0.3s linear 0s;
}
.classic-nav>a:hover{
    background-color: #1c5c93;
    color:#ffffff;
}











.classic-list{
    width:100%;
    display:flex;
    flex-wrap: wrap;
}
.classic-list .classic-item{
    width:20%;
    box-sizing: border-box;
    padding:10px;
}
.classic-list .classic-item .fixed-compare{
    padding-bottom:62%;

}

.classic-list .classic-item .hidden-info{
    z-index: 3;
    color:#ffffff;
    opacity: 0;
    transition:all 0.3s linear 0s;
}
.classic-list .classic-item .hidden-info .type{
    width:100%;
    text-align: left;
    line-height:1.2;
    padding:10px;
    position: relative;
    box-sizing: border-box;
    
}
.classic-list .classic-item .hidden-info .type::before{
    position: absolute;
    left:10px;
    bottom:0;
    content:'';
    width:10%;
    height:3px;
    background-color:#1c5c93;
}
.classic-list .classic-item .hidden-info .title{
    width:60%;
    font-size:18px;
    padding-top:20px;
    text-align: center;
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.classic-list .classic-item .hidden-info>i{
    position: absolute;
    right:5px;
    bottom:5px;
    color:#ffffff;
    background-color: #1c5c93;
    line-height: 20px;
    padding:5px;
    border-radius:50%;
}
.classic-list .classic-item .hidden-info>i::before{
    margin-left:2px;
}
.classic-list .classic-item:hover .hidden-info{
    opacity: 1;
}

/* ��ҳ�� */
.pagess {
    clear: both;
    margin: 20px 20px 14px 20px;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
}
.pagess>ul{
    list-style: none;
}
.pagess .pagenum {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 9px;
    margin: 0 3px;
    line-height: 20px;
    background: #fff;
    color: #999;
    margin-bottom:6px;
}
.pagess ul li.thisclass {
    display: inline-block;
    border: 1px solid #428bca;
    padding: 2px 9px;
    margin: 0 3px;
    background: #428bca;
    color: #fff;
}


/* ���Զ˵���ʽ���� */
/* ���ڵ��Զ������õ��� */
/* @media only screen and (min-width:1025px){
} */
/* ��������ʽΪ1680�������ϵ���Ļ */
/* 1680*1050��1600*900���ص���Ļ */
@media only screen and (min-width:1025px) and (max-width:1720px){
    .classic-list .classic-item{
        width:25%;
    }
}
/* 1440*900��1400*1050���ص���Ļ */
/* @media only screen and (min-width:1025px) and (max-width:1480px){
} */
/* 1366*768��1360*768 */
@media only screen and (min-width:1025px) and (max-width:1390px){
    .classic-list .classic-item{
        width:33.33%;
    }
}
/* 1280*1024��1280*960��1280*800��1280*768��1280*720��1280*600 */
/* @media only screen and (min-width:1025px) and (max-width:1300px){

} */
/* ipad����Ļ�ߴ�;1024, 768*/
/* ����ƽ�����֮�����Ļ���߼����صĿ�ȷ�Χ�����1024 */
@media only screen and (max-width:1024px){
    .classic-list .classic-item{
        width:33.33%;
    }
    .classic-list .classic-item .hidden-info{
        opacity: 1;
    }
}
@media only screen and (max-width:768px){
    .classic-list .classic-item{
        width:50%;
    }
}
/* �ƶ��˵���ʽ���� ��׿����Ļ���߼����ؿ��һ�㶼��360.�߶���640,720,780�ȵ�.ƻ�����ֻ���Ļ�߼����ؿ��Ϊ320(ƻ��5), 375,414�ȵ�*/
/* ͨ�������ؿ�ȵĴ�ŵ�����Ϊ320~450֮�� */
@media only screen and (max-width:414px){
    .classic-list{
        justify-content: center;
    }
    .classic-list .classic-item{
        width:90%;
    }
    .classic-nav .nav-container>a{
        font-size:14px;
        margin:0 6px;
        padding:4px 10px;
    }
}
@media only screen and (max-width:375px){
    
}
@media only screen and (max-width:360px){
    
}
@media only screen and (max-width:320px){
    .classic-nav .nav-container>a{
        font-size:12px;
        margin:0 5px;
        padding:3px 8px;
    }
}



/* ��ʷ�Ļ� */
.historic-cultrue{
    box-sizing: border-box;
    padding:40px 0; 
}
.historic-cultrue .time-axis{
    width:100%;
    margin:0 auto;
}
.historic-cultrue .time-axis>img{
    width:100%;
}
.historic-cultrue .time-axis .mobile{
    display:none;
}
/* ���ǵ��Ŷ� */
.our-team{
    width:100%;
    box-sizing: border-box;
    padding-top:40px ;
    background-image:url('/style/images/ourteambanner.png') ;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.our-team .common-head-title{
    margin-bottom:20px;
}
.our-team .team-recommend{
    width:1200px;
    margin:0 auto;
    display:flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top:50px;
}
.our-team .team-recommend .recommend-item{
    width:50%;
    flex-shrink: 0;
    margin-bottom:50px ;
}
.our-team .team-recommend .recommend-item:nth-child(2)>.team-container{
    background-image:url('/style/images/ourteam1.png') ;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* background-position-x: 40px; */
}
.our-team .team-recommend .recommend-item:nth-child(3)>.team-container{
    background-image:url('/style/images/ourteam2.png') ;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.our-team .team-recommend .recommend-item .team-container{
    width:100%;
    padding-bottom:80%;
    position: relative;
    box-sizing: border-box;

}
.our-team .team-recommend .recommend-item .team-container>div{
    position:absolute;
    left: 0;
    top: 0;
    z-index:1;
    width:100%;
    height:100%;
}
.our-team .team-recommend .recommend-item .team-container .team-info{
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    box-sizing: border-box;
    padding:40px 0 40px 40px;
    height:unset;
}
.our-team .team-recommend .recommend-item:nth-child(3)  .team-container .team-info{
    padding:0 40px 40px 0;
}
.our-team .team-recommend .recommend-item .team-container .team-info>h3{
    font-size:28px;
    padding-bottom:10px;
    position:relative;
	font-weight: 600;
}
.our-team .team-recommend .recommend-item .team-container .team-info>h3:before{
    content:'';
    position:absolute;
    left:0;
    bottom:-3px;
    z-index: 1;
    height:5px;
    width:120px;
    background-color:#1c5c93;
    border-radius:2.5px;
}
.our-team .team-recommend .recommend-item .team-container .team-info>p{
    font-size:16px;
    text-align:justify;
    padding-top:20px;
}
.our-team .team-recommend .recommend-item .team-container .swiper-container{
    background-color: #f0f0f0;
}
.our-team .team-recommend .recommend-item .team-container .swiper-container .swiper-wrapper{
    width:100%;
    height:100%;
}
.our-team .team-recommend .recommend-item .team-container .swiper-container .swiper-wrapper img{
    width:100%;
    height:100%;
}
/* �������� */
.shellhonor{
    background-color: #f0f0f0;
}
.company-honor{
    width:1200px;
    margin:0 auto;
    box-sizing: border-box;
    padding:50px 0; 
}
.company-honor .honor-container{
    display:flex;
    flex-wrap: wrap;
    margin-top:30px;
    align-items: flex-start;
}
.company-honor .honor-container .honor-left{
    width:44%;
}
.company-honor .honor-container .honor-left #swpierhonor .swiper-slide{
    position: relative;
    width:100%;
    padding-bottom:80%;
    height:0;
}
.company-honor .honor-container .honor-left #swpierhonor .swiper-slide>img{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}
.company-honor .honor-container .honor-right{
    width:56%;
    box-sizing: border-box;
    padding-left:30px;
    position:relative;
    display:flex;
    flex-wrap: wrap;
    padding-top:120px;
}
.company-honor .honor-container .honor-right>img{
    position:absolute;
    left:30px;
    top:0;
    z-index: 0;
}
.company-honor .honor-container .honor-right>p{
    width:50%;
    font-size:16px;
    line-height:32px;
}
/* ͷ������ҵ�� */
.hexinyewu{
    width:100%;
    box-sizing: border-box;
    padding-top:30px;
    padding-bottom:50px;
}
.hexinyewu .hxyw-container{
    width:1200px;
    margin:0 auto;
    box-sizing: border-box;
    padding:50px 0 20px 0;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hexinyewu .hxyw-container .hxyw-item{
    width:28%;
}
.hexinyewu .hxyw-container .hxyw-item .item-container{
    width:100%;
    height:0;
    padding-bottom:120%;
    position:relative;
}
.hexinyewu .hxyw-container .hxyw-item .item-container img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 1;
}
.hexinyewu .hxyw-container .hxyw-item .item-container .hxyw-info{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index: 9;
    width:88%;
    height:90%;
    text-align: center;
    box-sizing: border-box;
    color:#ffffff;
    padding:60% 20% 0 20%;
    transition:all 0.5s linear 0s;
}
.hexinyewu .hxyw-container .hxyw-item .item-container .hxyw-info>h3{
    padding-bottom:10px;
    font-size:30px;
    font-weight: normal;
}
.hexinyewu .hxyw-container .hxyw-item .item-container .hxyw-info>p{
    font-size:14px;
    padding-bottom:30px;
    position: relative;
}
.hexinyewu .hxyw-container .hxyw-item .item-container .hxyw-info>p::after{
    content:'';
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    display:block;
    width:40%;
    height:4px;
    border-radius:2px;
}
.hexinyewu .hxyw-container .hxyw-item .item-container .hxyw-info:hover{
    border:1px solid #428bca;
    background-color:rgba(66,139,202,0.4);
    padding-top:30%;
}
.hexinyewu .hxyw-container .hxyw-item .item-container .hxyw-info:hover>p::after{
    background-color: #428bca;
}
/* ���� */
.about-xm .xm-container{
    width:1200px;
    margin:120px auto 40px auto;
    box-sizing: border-box;
    position: relative;
}
.about-xm .xm-container .img1{
    position:absolute;
    left:0;
    top:0;
    z-index: 2;
    width:54%;
}
.about-xm .xm-container .img2{
    width:62%;
    position: absolute;
    right:0;
    top:0;
    z-index: 1;
}
.about-xm .xm-container .xm-content{
    width:38%;
    box-sizing: border-box;
    padding-right:60px;
    text-align: justify;
    font-size:18px;
    line-height: 32px;
    font-weight: 600;
    height:432px;
    padding-top:128px;

}
.about-xm .xm-container .xm-content>p{
    padding-top:30px;
    text-indent: 2em;
	font-size:16px;
}
/* ���Զ˵���ʽ���� */
/* ���ڵ��Զ������õ��� */
@media only screen and (min-width:1025px){
    
}
/* ��������ʽΪ1680�������ϵ���Ļ */
/* 1680*1050��1600*900���ص���Ļ */
@media only screen and (min-width:1025px) and (max-width:1720px){

}
/* 1440*900��1400*1050���ص���Ļ */
@media only screen and (min-width:1025px) and (max-width:1480px){

}
/* 1366*768��1360*768 */
@media only screen and (min-width:1025px) and (max-width:1390px){

}
/* 1280*1024��1280*960��1280*800��1280*768��1280*720��1280*600 */
@media only screen and (min-width:1025px) and (max-width:1300px){

}
/* ipad����Ļ�ߴ�;1024, 768*/
/* ����ƽ�����֮�����Ļ���߼����صĿ�ȷ�Χ�����1024 */
@media only screen and (max-width:1024px){
    .historic-cultrue .time-axis .pc{
        display:none;
    }
    .historic-cultrue .time-axis .mobile{
        display:block;
    }
    .historic-cultrue .time-axis{
        width:100%;
        box-sizing: border-box;
        padding:0 10%;
    }
    .our-team .team-recommend{
        width:100%;
        box-sizing:border-box;
        padding:0 10%;
    }
    .our-team .team-recommend .recommend-item{
        width:100%;
    }
    .our-team .team-recommend .recommend-item .team-container div.team-info{
        padding: 20px !important;;
    }
    .our-team .team-recommend .recommend-item .team-container.ts{
        padding:unset;
    }
    .our-team .team-recommend .recommend-item .team-container.ts .team-info{
        position:unset;
        left:unset;
        top:unset;
        transform:unset;
        height:auto;
    }
    .our-team .team-recommend .recommend-item:nth-child(3){
        order:1;
    }
    /* �������� */
    .company-honor {
        width:100%;
    }
    .company-honor .honor-container{
        box-sizing: border-box;
        padding:30px 5% 0 5%;
    }
    .company-honor .honor-container>div{
        width:100% !important;
    }
    .company-honor .honor-container .honor-right>img{
        top:20px;
    }
    .company-honor .honor-container .honor-right{
        padding:30px 0 0 0;
        justify-content: space-between;
    }
    .company-honor .honor-container .honor-right>p{
        width:48%;
        font-size:24px;
        line-height: 48px;
    }
    /* ͷ������ҵ�� */
    .hexinyewu .hxyw-container{
        width:100%;
        padding:50px 20px;
    }
    .hexinyewu .hxyw-container .hxyw-item{
        width:31%;
    }
    /* ���� */
    .about-xm .xm-container{
        width:90%;
        margin-bottom:20px;
    }
    .about-xm .xm-container .img2{
        position:unset;
        right:unset;
        top:unset;
        width:100%;
    }
    .about-xm .xm-container .img1{
        top:570px;
    }
    .about-xm .xm-container .xm-content{
        height:auto;
        width:100%;
        padding-top:10px;
        padding-right:0;
    }
    .about-xm .xm-container .xm-content>p{
        padding-top:20px;
    }
}
@media only screen and (max-width:768px){
    .our-team .team-recommend{
        padding:0 5%;
    }
    .our-team .team-recommend .recommend-item .team-container .team-info>p{
        font-size:18px;
    }
    .company-honor .honor-container{
        box-sizing: border-box;
        padding:30px 6% 0 6%;
    }
    .company-honor .honor-container .honor-right{
        padding-left:0;
    }
    .company-honor .honor-container .honor-right>p{
        width:100%;
        text-align: center;
    }
    .hexinyewu .hxyw-container{
        padding:50px 15%;
    }
    .hexinyewu .hxyw-container .hxyw-item{
        width:100%;
        margin-bottom:26px;
    }
   
    .about-xm .xm-container .img1{
        top:430px;
    }
    .portfolio .portfolio-wrap .portfolio-info{
        opacity: 1 !important;
    }
    .50kuan{
        width:50%;
    }
    p {
    margin-bottom: 5px;
    font-size: 12px;
}
.section-title h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 0;
    color: #5c768d;
}
.hezuo li {
    width: 20%;
    box-sizing: border-box;
    float: left;
    position: relative;
    padding: 2px;
}
.zixunbg {
    background: white;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 5px 5px 15px lightgrey;
    margin: 10px auto;
    width: 100%;
    padding: 10px;
}
#footer .footer-top .footer-links ul li {
    padding: 5px 0;
    display: flex;
    align-items: center;
    float: left;
    margin-right: 10px;
}
.hide {
    display:none;
}
.m-col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.m-col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.section-title p {
    margin-bottom: 0;
    font-size: 12px;
    text-align: left;
}
}
/* �ƶ��˵���ʽ���� ��׿����Ļ���߼����ؿ��һ�㶼��360.�߶���640,720,780�ȵ�.ƻ�����ֻ���Ļ�߼����ؿ��Ϊ320(ƻ��5), 375,414�ȵ�*/
/* ͨ�������ؿ�ȵĴ�ŵ�����Ϊ320~450֮�� */
@media only screen and (max-width:414px){
    .historic-cultrue .time-axis{
        padding:0 10px;
    }
    .our-team .team-recommend{
        padding:0 10px;
    }
    .our-team .team-recommend .recommend-item .team-container .team-info>p{
        font-size:16px;
    }
    .company-honor .honor-container{
        padding:30px 10px  0 10px;
    }
    .company-honor .honor-container .honor-right>p{
        font-size:18px;
        line-height: 36px;
    }
    .company-honor .honor-container .honor-right>img{
        width:80%;
    }
    .hexinyewu .hxyw-container{
        padding:50px 6% 0px 6%;
    }
    .historic-cultrue .time-axis{
        padding:0;
    }
    .company-honor .honor-container .honor-right>p{
        font-size:14px;
        line-height: 32px;
    }
    .hexinyewu .hxyw-container .hxyw-item .item-container .hxyw-info>h3{
        font-size:18px;
    }
    .hexinyewu .hxyw-container .hxyw-item .item-container .hxyw-info>p{
        font-size:15px;
    }

    .about-xm .xm-container{
        margin-bottom:0;
        margin-top:60px;
    }
    .about-xm .xm-container .img1{
        top:250px;
        width:80%;
    }
    .about-xm .xm-container .xm-content>p{
        font-size:16px;
        font-weight: normal;
        line-height: 24px;
    }
.m-col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.m-col-6 {
  flex: 0 0 auto;
  width: 50%;
}
}
@media only screen and (max-width:375px){
    .about-xm .xm-container .img1{
        top:230px;
    }
    .about-xm .xm-container .xm-content>p{
        font-size:16px;
        line-height: 22px;
        padding-top:10px;
    }

}
@media only screen and (max-width:360px){
    
}
@media only screen and (max-width:320px){
    .about-xm .xm-container .img1{
        top:180px;
    }
}



/* �������� */
.common-head-title{
    width:80%;
    margin:0 auto;
    text-align:center;
}
.common-head-title>h3{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 0;
    color: #5c768d;
}
.common-head-title>h3::before{
    content: '';
    position: absolute;
    width:56px;
    height:5px;
    background-color:#428bca;
    left: 50%;
    border-radius:2.5px;
    bottom:-3px;
    transform: translateX(-50%);
}
.common-head-title>p{
    font-size:14px;
    color:#999999;
    padding-top:10px;
}


    .problem_out {
        padding: 70px 0;
        background: url(../images/yx_bg1.jpg) no-repeat center;
        background-size: cover;
        color: white;
    }
    .problem_out a {
        color: white;
    }
    .problem_out .problem {
        max-width: 1280px;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }
    .problem_out .problem_left {
        width: 50%;
        
    }
    .problem_out .problem_left li {
        width: 19.5%;
        background: #428bca;
        color: white;
        text-align: center;
        margin-bottom: 5px;
        font-size: 19px;
        padding: 18px 0 18px 0;
    }
    .problem_out .problem_left a {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
    .problem_out .problem_left li:hover{
        background: black;
        
    }

    .problem_out .problem_left li a {
        display: block;
        padding: 10px 0;
 
    }
    .problem_out .problem_right dt {
        font-size: 40px;
        font-weight: bold;
        color: #428bca;
    }
    .problem_out .problem_right dd {
        font-size: 27px;
        font-weight: bold;
        margin-top: 15px;
    }
    .problem_out .problem_right dd:nth-child(4) {
        color: white;
        box-sizing: border-box;
        padding: 10px;
    }
   .last-dd {
       background: #428bca;
   }
   .last-dd:hover {
       background: black;
   }
    @media screen and (max-width: 1100px){
        .problem_out .problem_right dt{
            font-size: 30px;
        }
        .problem_out .problem_right dd{
            font-size: 21px;
        }
        .problem_out .problem_left li{
            font-size: 12px;
        }

    }
    @media screen and (max-width: 640px){
        .problem_out {
            padding: 5px 0;
        }
        .problem_out .problem {
            flex-wrap: wrap;
        }
        .problem_right {
            width: 100% !important;
        }
        .problem_left {
            width: 100% !important;
            margin-top: 5px !important;
        }
        .fiveOne_out .fiveOne .fiveOne_left img {
            width: 100%;
            height: auto;
        }
        .problem_right dt {
            font-size: 26px !important;
            text-align: center;
            margin-top: 5px !important;
        }
        .problem_right dd {
            font-size: 20px !important;
            text-align: center;
            margin-top: 5px !important;
        }
        .problem_out .problem_left li {
            width: 24%; height: 20px;padding: 1px 0 13px 0;
        }
    }