.views-num{color: #c9c9c9;font-size: 15px;}

/*===========video===========*/
.video{
	width:100%;
	padding:4% 0 0 0;
	overflow: hidden;
}


.video-list{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.video-list ul{
    padding-left: 0px;
    width: 104%;
    margin: auto;
    overflow: hidden;
    margin-left: -4%;
}
.video-list ul li{
    width: 29.33%;
    float: left;
    margin-left: 4%;
    list-style: none;
    list-style-position: outside;
	margin-top:2%;
}
.video-list ul li .pic{
	padding-bottom: 53%;
	position: relative;
	overflow: hidden;
}
.video-list ul li .pic img{
	width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.6s;
    opacity: 1;
}

.video-list ul li .pic:hover img{
	width: 106%!important;
    transition: all 0.6s;
    opacity: 0.8;
}



.video-list ul li .title{
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    background: #f1f1f1;
    padding: 15px 0;
	color: #333;
	font-family: 'font-syst';
}

.video .video-code{
    text-align: center;
    padding-top: 4%;
}

.video .video-code span{
    display: table;
    width: 100%;
    font-size: 18px;
    padding: 10px;
}

/*===========991===========*/
@media (max-width: 991px) {
	.video-list ul li{width:46%;}
	.video-list ul li .title{font-size:16px;}
	
	
	
	.m-mb {
	    position: fixed;
	    right: 25px;
	    background: #d2af7b;
	    top: 22px;
	    padding: 10px 10px 0px 10px  ;
	    z-index: 999;
	    border-radius: 50px;
		
	}
	
}










/*===========business2===========*/
.business2{
	width:100%;
	padding:4% 0 0 0;
	overflow: hidden;
	position: relative;
	background: url(style/images/business2-bg.jpg) no-repeat top center #f5f5f5;
	background-size: cover;
}


.business2 .list-tab{ margin-top:4%; margin-bottom: 4%;}

.business2 .nav-tabs-lined.nav-tabs-lined-bottom > li.active{
	background:url(style/images/business2-logo.png) no-repeat right center #d10706;
}
.business2 .nav-tabs-lined.nav-tabs-lined-bottom > li.active a{
	color:#fff;
	margin: 0px 0%;
}
.business2 .nav-tabs-lined.nav-tabs-lined-bottom > li.active a svg{
	fill:#fff;
}
.business2 .nav-tabs-lined.nav-tabs-lined-bottom > li{
	background: #fff;
}
.business2 .nav-tabs-lined:not(.flex-center) > li{
	flex:0 0 32%;
	margin:0;
}


.business2 .tab-content{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #fff;
	padding: 5%;
	font-size: 17px;
	line-height: 2.5;
	font-family: 'font-syst';
	color: #333;
	
	box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
}

.business2 .tab-content p{
	margin:2% 0;
}


.business2 .nav-tabs-lined.nav-tabs-lined-bottom > li > a{
	width: 100%;
    color: #333;
    font-size: 22px;
    font-family: 'font-syst-heavy';
    display: flex;
    align-items: center;
    padding: 10%;
}

.business2 .nav-tabs-lined.nav-tabs-lined-bottom > li > a svg{fill:#d10706; margin-right: 5%;}

.business2 .nav-tabs-lined.nav-tabs-lined-bottom{border-bottom:none; justify-content: space-between;}


.business2 .nav-tabs-lined.nav-tabs-lined-bottom:before, .business2 .nav-tabs-lined.nav-tabs-lined-bottom:after{
	content:'';
	display:none;
}



.business2-imglist{
	width:100%;
	margin:auto ;
	overflow: hidden;
}

.business2-imglist ul{
    padding-left: 0px;
    width: 104%;
    margin: auto;
    overflow: hidden;
    margin-left: -4%;
}
.business2-imglist ul li{
    width: 29.33%;
    float: left;
    margin-left: 4%;
    list-style: none;
    list-style-position: outside;
	margin-top:2%;
}
.business2-imglist ul li .pic{
	padding-bottom: 59%;
	position: relative;
	overflow: hidden;
}
.business2-imglist ul li .pic img{
	width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.6s;
    opacity: 1;
}

.business2-imglist ul li .pic:hover img{
	width: 106%!important;
    transition: all 0.6s;
   
}


.business2-imglist ul li .title{
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    background: #fff;
    padding: 15px 0;
}



.business2 .nav-tabs-lined.nav-tabs-lined-bottom > li.active > a:after {
    border: none;
    height: 5px;
    width: 100%;
    background: linear-gradient(120.0deg,rgba(240,222,147,1) 0.0,rgba(197,111,108,1) 100.0%);
    display: block;
    bottom: 0;
    content: '';
	top:auto
}

/*===========991===========*/
@media (max-width: 991px) {
	.business2-imglist ul li{width:46%;}
	.business2-imglist ul li .title{font-size:16px;}
	.business2 .nav-tabs-lined.nav-tabs-lined-bottom > li > a{font-size:16px;}
	.business2 .tab-content{font-size:16px;}
	
	.business2-title-font{font-size:22px!important;}
}















/*===========business===========*/
.business{
	width:100%;
	padding:4% 0 0 0;
	overflow: hidden;
	position: relative;
}


.business-title{
	width:360px;
	float: left;
	margin: auto;
	overflow: hidden;
	position: absolute;
	z-index: 9;
}

.business-list{
	width:100%; 
	margin: auto; 
	overflow: hidden;
	position: relative;
}



.business-list .business-list-nav{
	width:360px; 
	margin-top: 150px; 
	float: left;
}
.business-list .business-list-nav li{
	background: #f1f1f1;
	padding: 3%;
	margin-bottom: 2px;
	list-style: none;
	flex-wrap: wrap;
	list-style-position: outside;
	font-size: 20px;
	font-family: 'font-syst';
	color: #292929;
	height: 86px;
	display: flex;
	align-items:
	center;
	width: auto;
}

.business-list .business-list-nav li svg{margin: 0 30px; fill:#cccccc}

.business-list .business-list-nav li:hover{
	background:url(style/images/business-arrow.png) no-repeat right 20px center #e20326;
	color: #fff;
}
.business-list .business-list-nav li:hover  svg{fill:#fff}



.business-list .business-list-info{
	width: calc(94% - 360px);
	padding: 2%;
	float: right;
	box-shadow: 1px 1px 7px rgb(0 0 0 / 10%);
	margin: 1% 3%;
}


.business-list .business-list-info .title{
	font-family: 'font-syst-heavy';
	font-size: 28px;
	color: #333;
}
.business-list .business-list-info .title::before{
	width:5px;
	height: 26px;
	background: #e20326;
	content:'';
	display: inline-block;
	margin-right:15px;
}
.business-list .business-list-info .text{
	font-family: 'font-syst';
	color: #333;
	font-size: 17px;
	line-height: 2;
	margin-top:3%;
}
.business-list .business-list-info .list{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top: 5%;
}



.business-list .business-list-info .list ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
}
.business-list .business-list-info .list ul li{
	list-style:none;
	list-style-position: outside;
}
.business-list .business-list-info .list ul li:nth-child(even){
	width:48%;
	margin-left: 4%;
	float: left;
}

.business-list .business-list-info .list ul li:nth-child(odd){
	width:48%;
	margin-left: 0%;
	float: left;
}

.business-list .business-list-info .list ul li .pic{
    width: 100%;
}
.business-list .business-list-info .list ul li .pic img{
    width: 100%;
}
.business-list .business-list-info .list ul li .bt{
    width: 100%;
    text-align: center;
    padding: 15px 10px;

    margin-bottom: 5%;
}


/*===========991===========*/
@media (max-width: 991px) {
	.business-list .business-list-nav{width:100%;overflow-x: scroll;display: flex;    margin-top: 100px;}
	.business-list .business-list-info{width:96%; margin: 5% 2% ;    box-shadow: 1px 1px 7px rgb(0 0 0 / 0%);}
	.business-list .business-list-nav li{font-size:16px;     justify-content: center;}
	
	.business-list .business-list-info .title{font-size:24px;}
	.business-list .business-list-info .text{font-size:16px;}
}









/*===========honor===========*/
.honor{
	width:100%;
	padding:4% 0 0 0;
	overflow: hidden;
	/*background: url(style/images/honor-bg.png) no-repeat right top #eaeaea;*/
}


.honor-list{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top:5%;
	padding-bottom: 8%
}

.honor-list ul{
    padding-left: 0px;
    width: 50%;
    margin: auto;
    overflow: hidden;
    float: left;
    max-width: 550px;
	height: 380px;
	overflow-y: scroll;
}
.honor-list ul::-webkit-scrollbar {
    width: 8px;
}

.honor-list ul::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #d8001b;
}

.honor-list ul::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #e3e3e3;
}
.honor-list ul li{
    width: 96%;
    float: left;
    list-style: disc;
	color: #c8a068;
    list-style-position:inside;
    margin-top: 2%;
    color: #2a0202;
    font-size: 18px;
	border-bottom: 1px dashed #cdcdcd;
	padding: 4% 0;
	margin-right:4%;
}

.honor-list ul li::marker{color:#c8a068}




/*===========1920===========*/
@media (max-width: 1920px) {
	.honor{background-size:contain;	}
	.honor-list ul{height: 300px;}	
	
}

/*===========1580===========*/
@media (max-width: 1580px) {
	.honor-list ul{max-width: 460px;}	
	
	.honor-list{padding-bottom: 3%}
}


/*===========991===========*/
@media (max-width: 991px) {
	.honor-list{margin-top:25%;}
	.honor-list ul{max-width: 100%; width:100%; height: 500px;}
	.honor-list ul li{font-size:16px;}
}
























/*===========news2===========*/
.news2{
	width:100%;
	margin:4% auto;
	overflow: hidden;
}

.news2 ul{
    padding-left: 0px;
    width: 102%;
    margin: auto;
    overflow: hidden;
    margin-left: -4%;
}
.news2 ul li{
    width: 29.33%;
    float: left;
    margin-left: 4%;
    list-style: none;
    list-style-position: outside;
	margin-top:2%;
    border: 1px solid #e9e9e9;
}
.news2 ul li .pic{
	padding-bottom: 68%;
    position: relative;
    overflow: hidden;
}
.news2 ul li .pic img{
	width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.6s;
    opacity: 1;
}



.news2 ul li:hover .pic img{
	width: 106%!important;
    transition: all 0.6s;
    opacity: 0.8;
}

.news2 ul li:hover .info .more{
	background:#d91110;
}


.news2 ul li .info{
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: auto;
}

.news2 ul li .info .title{
    width: calc(100% - 82px);
    float: left;
    margin: auto;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    padding: 15px;
	font-family: 'font-syst';
	color: #212121;
}
.news2 ul li .info .title span{
	display:block;
	font-size: 12px;
	color: #555555;
	text-transform: uppercase;
}

.news2 ul li .info .more{
	width: 82px;
	height: 82px;
	background: #d10706;
	color: #fff;
	text-align: center;
	float: right;
	margin: auto;
	overflow: hidden;
	line-height: 82px;
	text-transform: uppercase;
	font-size: 17px;
}





/*===========991===========*/
@media (max-width: 991px) {
	.news2 ul li{width:96%;}
}
















/*===========recruitment===========*/	

.recruitment{
	width:100%;
	margin:4% auto;
	overflow: hidden;
}

.recruitment ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
}

.recruitment ul li{
	width: 98%;
	margin: 1% 0 1% 0;
	overflow: hidden;
	float: left;
	background: #fff;
	border-bottom: 1px dashed #ebebeb;
	transition: all 0.3s;
}

.recruitment ul li .date{
    /*width: 80px;*/
    float: right;
    font-size: 15px;
    color: #434343;
    text-align: center;
	font-family: 'font-syst';
	line-height: 50px;
}
.recruitment ul li .date span{
    color: #011838;
    font-size: 62px;
    display: block;
    line-height: 1;
	transition: all 0.3s;
}
.recruitment ul li .line{
	width: 60px;
    float: left;
    margin: 0 2% 0 0;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #b8b8b8;
}

.recruitment ul li .info{
    width: calc(94% - 180px);
    float: left;
    overflow: hidden;
}

.recruitment ul li .info .title{
    color: #212121;
    font-size: 22px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
	letter-spacing:1px;
	font-family: 'font-syst';
	line-height: 50px;
}


.recruitment ul li .info .more{
    width: 100px;
    color: #333;
    float: left;
    font-size: 14px;
}

.recruitment ul li .info .more img{
    margin-right: 10px;
	transition: all 0.3s;
}



.recruitment ul li:hover{}
.recruitment ul li:hover .date span{transition: all 0.3s;color: #d10705;}
.recruitment ul li:hover .line{ background: #d10705;transition: all 0.3s; color:#fff;}
.recruitment ul li:hover .info .more img{ margin-right: 15px;transition: all 0.3s;}




@media (max-width: 1440px) {
	.recruitment ul li .info .title{font-size:20px}	
}

@media (max-width: 991px) {
	.recruitment ul li{width:100%; margin:1% 0;}
	.recruitment ul li .date{}
	.recruitment ul li .line{display: none;}
	.recruitment ul li .info{width:calc(98% - 80px)}
	.recruitment ul li .info .title{font-size:18px;}
}









/*===========NEWS===========*/	

.news{
	width:100%;
	margin:4% auto;
	overflow: hidden;
}

.news ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
}

.news ul li{
	width: 98%;
	margin: 1%;
	overflow: hidden;
	float: left;
	background: #fff;
	padding: 3% 5%;
	border-bottom: 1px dashed #ebebeb;
	transition: all 0.3s;
}

.news ul li .date{
    width: 80px;
    float: left;
    font-size: 15px;
    color: #434343;
    text-align: center;
	font-family: 'font-syst';
}
.news ul li .date span{
    color: #011838;
    font-size: 62px;
    display: block;
    line-height: 1;
	transition: all 0.3s;
}
.news ul li .line{
    width: 75px;
    float: left;
    margin: 0 2%;
    height: 90px;
    border: 1px solid #eeeeee;
    line-height: 90px;
    text-align: center;
    font-size: 20px;
    color: #b8b8b8;
}

.news ul li .info{
    width: calc(94% - 180px);
    float: right;
    overflow: hidden;
}

.news ul li .info .title{
    color: #212121;
    font-size: 22px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
	letter-spacing:1px;
	font-family: 'font-syst';
}

.news ul li .info .text{
    font-size: 14px;
    margin: 0px 0 20px;
    width: 100%;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
	color: #333;
	font-family: 'font-syst-light';
}

.news ul li .info .more{
    width: 100px;
    color: #333;
    float: left;
    font-size: 14px;
}

.news ul li .info .more img{
    margin-right: 10px;
	transition: all 0.3s;
}

.news ul li .info .date2{
	display:none;
}


.news ul li:hover{box-shadow: 1px 1px 8px rgb(5 44 82 / 10%); border-bottom: 1px dashed #fff;transition: all 0.3s;}
.news ul li:hover .date span{transition: all 0.3s;color: #d10705;}
.news ul li:hover .title{transition: all 0.3s;color: #d10705;}
.news ul li:hover .text{transition: all 0.3s;color: #000;}
.news ul li:hover .line{ background: #d10705;transition: all 0.3s; color:#fff;}
.news ul li:hover .info .more img{ margin-right: 15px;transition: all 0.3s;}




@media (max-width: 1440px) {
	.news ul li .info .title{font-size:20px}	
}

@media (max-width: 991px) {
	.news ul li{width:100%; margin:3% 0;padding: 0%;}
	.news ul li .date{display: none;}
	.news ul li .line{display: none;}
	.news ul li .info{width:100%}
	.news ul li .info .title{font-size:18px;}
	.news ul li .info .date2{display:block;width: 100px;float: left;color: #999;font-size: 12px;}
	.news ul li .info .more{font-size:13px}
}














/*===========CULTURE===========*/	
.culture{
	width:100%;
	margin:auto;
	overflow: hidden;
	background: url(style/images/culture-biglogo.jpg) no-repeat right top;
	padding: 5% 0
}

.culture .culture-logo{
	width:250px;
	float: left;
	border-right: 3px solid #d70321;
	margin-top: 4%;
}

.culture .culture-text{
	width:calc(95% - 250px);
	float: right;
	font-family: 'font-syst';
	color: #333;
	font-size: 17px;
	line-height: 2
}

.culture .culture-text span{
	display: block;
	font-size: 32px;
	font-family: 'font-syst-heavy';
	margin: 5% 0 20px;
}

.culture .jtln{
    text-align: center;
}

.culture .jtln img{
    width: 60%;
} 

.culture-box{
	width:100%;
	margin: 1% auto 5%;
	overflow: hidden;
}

.culture-box .bodyCon07 .teacher .teacherPic .content{background: none;}



.culture-box-sj{
	width:100%;
	margin: 4% auto;
	overflow: hidden;
	display: none;
}





@media (max-width: 991px) {
	.culture-box{display:none;}
	.culture-box-sj{display:block;}
}

















/*===========ABOUT-FZLC===========*/	
.ab-fzlc{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-top: 5%;
}

.ab-fzlc-left{
	width:365px;
	float: left;
	margin: auto;
	overflow: hidden;
}

.ab-fzlc-left .pic{
	width:365px;margin-top:3%;margin:10% auto 0; overflow: hidden;
}
.ab-fzlc-left .redbox{
	width: 100%;
    margin: auto;
    overflow: hidden;
    background: #e20326;
    color: rgba(255,255,255,0.4);
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0;
}
.ab-fzlc-left .redbox img{ margin-right:20px;}

.ab-fzlc-right{
	width:calc(95% - 365px);
	float: right;
	margin: auto;
	overflow: hidden;}



/*-----------------------------------*/

@media (max-width: 1580px) {
	.ab-fzlc-right{width:calc(99% - 365px);}
}

/*-----------------------------------*/

@media (max-width: 991px) {
	.ab-fzlc-left{width:100%;}
	.ab-fzlc-left .pic{display:none;}
	.ab-fzlc-left .redbox{display:none;}
	.ab-fzlc-right{width:100%;}
}








/*===========ABOUT-CONTACT===========*/	
.ab-contact{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-top: 5%;
}
.ab-contact .map-box{
	width: 45%;
	float: right;
	background: #ccc;
	position: relative;
	z-index: 999;
}
.ab-contact .contact-left{
	width:100%;
	float: left;
	position: absolute;
	z-index: 2;
}

.ab-contact .contact-left-info{
	width: 50%;
	margin: auto;
	overflow: hidden;
	float: left;
	margin-top: 4%;
}
.ab-contact .contact-left-info-row{
	margin: auto;
	overflow: hidden;
	border:1px solid #f1f1f1;
	font-family: 'font-syst';
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	display-radio: flex;
	color: #333;
	font-size: 20px;
	margin-top: 2%;
}
.ab-contact .p_loopitem{
}
.ab-contact .contact-left-info-row-1{
    flex: 0 0 20%;
}
.ab-contact .contact-left-info-row-1 .contact-svg{width:100%;height: 100%;display: flex;}
.ab-contact .contact-left-info-row-1 .contact-svg svg{margin:auto}
.ab-contact .contact-left-info-row-1 .contact-svg svg path{fill:#808080}

.ab-contact .contact-left-info-row:hover .contact-left-info-row-1{ background: #d10706}
.ab-contact .contact-left-info-row:hover .contact-left-info-row-1 svg path{ fill:#fff;}


.ab-contact .contact-left-info-row-2{
	padding-left: 5%;
	color: #666;
	flex: 0 0 80%;
	font-size: 16px;
	border-left: 1px solid #f1f1f1;
	padding: 5%
}
.ab-contact .contact-left-info-row-2 span{ 
	margin-right: 3%; 
	font-size: 18px; 
	color: #222;
}
.ab-contact .contact-left-info-row-2 li{
    float: left;
    width: auto;
    list-style: none;
    list-style-position: outside;
	text-align: center;
}
.ab-contact .contact-left-info-row-2 li img{width:140px;display: block;}

.font-contact-red{ font-size:28px; color: #d10706;font-family: 'font-syst-heavy';}



.map{    
    overflow: hidden;
    padding-bottom: 60%;
    position: relative;
    width: 100%;
    float: right;
    margin: auto;
    background: #fff;
}
.map img{
        width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.3s;
    opacity: 1;
}




/*-----------------------------------*/

@media (max-width: 1920px) {
        .map{padding-bottom: 625px;}
}


/*-----------------------------------*/

@media (max-width: 1440px) {
        .ab-contact .contact-left-info{width:53%}
        .ab-contact .map-box{width:43%}
        .map{padding-bottom: 105%;}
}



@media (max-width: 991px) {
        .ab-contact .contact-left-info{width:100%!important}
        .ab-contact .contact-left{position:relative;}
        .ab-contact .map-box{width:100%;margin-top:5%}
        .map{height:300px; width:100%; padding-bottom: none;}
}











/*===========ABOUT-ZZJG===========*/	
.ab-zzjg{
	width:100%;
	margin: auto;
	overflow: hidden;
	background:  #f0f0f0;
	padding-top: 5%;
}

.ab-zzjg-pic{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 4%;
}
.ab-zzjg-pic img{
	width:100%;
	max-width: 1580px;
}












/*===========ABOUT===========*/	
.about{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/ab-bg.jpg)bottom center no-repeat #fafafa;
	background-size: cover;
	padding-top: 5%;
}

.about-left{
	width:45%;
	float: left;
	font-family: 'font-syst';
	color: #333;
	font-size: 17px;
	line-height: 2;
}
    





.about-left .text1{width:100%;text-align:justify}
.about-left .text2{width:100%;
	margin: 5% auto; overflow: hidden;
}
.about-left .text2 ul{ margin-left: -1%; width:101%; padding-left: 0;}
.about-left .text2 ul li{
	background: #ededed;
	list-style-position: outside;
	list-style: none;
	width:19%;
	margin-left: 1%;
	float: left;
	text-align: center;
	padding-top: 6%;
	padding-bottom: 3%;
}
.about-left .text2 ul li .ico1{transition: all 0.5s;}
.about-left .text2 ul li .ico2{
    position: relative;
    z-index: 2;
    margin-top: 13%;
	transition: all 0.2s;
}
.about-left .text2 ul li .ico3{
	color: #e6e6e6;
	font-size: 107px;
	font-weight: bold;
	z-index: 1;
	position: relative;
}
.about-left .text2 ul li .ico1 svg path{fill:#d10706}

.about-left .text2 ul li:hover{
	background:#d10706;
}

.about-left .text2 ul li:hover .ico1{transform:translateY(-10px);transition: all 0.5s;}
.about-left .text2 ul li:hover .ico2{color:#fff;transform:translateY(-5px);transition: all 0.2s;}
.about-left .text2 ul li:hover .ico3{color:rgba(255,255,255,0.2)}
.about-left .text2 ul li:hover .ico1 svg path{fill:#fff}

.about-left .text3{text-align:justify;width:100%;}
.about-left .text3 p,
.about-left .text1 p
{
    margin:0px
}
.about-right{
	width:50%;
	float: right;
	margin-top:5%;
}

.about-right .pic1{float: left;width: 30%;}
.about-right .pic2{float: left;margin-top: 11%;margin-left: 2%;margin-right: 2%;width: 30%;}
.about-right .pic3{float: left;margin-top: 3%;width: 30%;}

.about-right img{box-shadow: 1px 1px 3px rgba(3,3,3,0.2);width: 100%;}

.about-video{
    width: 100%;
    margin-top: 3%;
    float: left;
}






/*-----------------------------------*/

@media (max-width: 1440px) {
	
}



@media (max-width: 1280px) {
}



@media (max-width: 991px) {
	.about-left{width:100%}
	.about-right{width:100%}
}






























/*===========in-news===========*/	


.in-news-title{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.in-news-title li{
	width: 33%;
	margin: auto;
	overflow: hidden;
	float: left;
	list-style: none;
	list-style-position: outside;
	color: #4b4b4b;
	font-size: 13px;
    line-height: 24px;
}








.in-news-title li:nth-child(1)::before{ 
	content: '';
    display: inline-block;
    width: 4px;
    height: 40px;
    background: #f23644;
    margin-right: 20px;
    margin-top: 2px;
    float: left;
}

.in-news-title-text1{display: block;margin-top: 1%!important;}

.tab-menu{
            
            height: 55px;
            overflow: hidden;
            position: relative;
			float: right;
			margin-top: 3%;
        }
 .tab-menu li{
            height: 36px;
            line-height: 36px;
            float: left;
            text-align: center;
            position: relative;
        }
.tab-menu span{
            margin: 0px;
            display: inline-block;
            height: 36px;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 50px;
            transition: left .4s;
            -webkit-transition: left .4s;
            -moz-transition: left .4s;
        }
.tab-menu li:hover{
            cursor: pointer;
        }
.tworow{
            width: 100%;
    max-width: 380px;
        }
.tworow span{
            width: 25%;
            background-image: linear-gradient(90deg,rgba(215,3,33,1) 0,rgba(188,149,90,1) 100%);
        }
.tworow .active{
            color: white;
        }
.tworow li{
            width: 25%!important;
            color: #494949;
        }
.eightrow li{
            width: 50px;
            color: white;
        }
.eightrow .active{
            color: #10aefc;
        }
.eightrow{
            width: 300px;
            background: #10aefc;
        }


.tab-menu ul{padding:0}

.tab-menu li:nth-child(1)::before{
	background: none;
	display: none;
}













.in-news{
	width:100%;
	margin: auto;
	overflow: hidden;
	position: relative;
	padding-top: 3%;
	padding-bottom: 3%;
}









.in-news .content{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top:3%;
}

.in-news .content .focus{
	width: 44%;
	float: left;
	position: relative;
}

.in-news .content .focus .pic{
	padding-bottom: 55%;
	position: relative;
	overflow: hidden;
}
.in-news .content .focus .pic img{
	width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.6s;
    opacity: 1;
}

.in-news .content .focus:hover .pic img {
    width: 103%!important;
    transition: all 0.6s;
    opacity: 0.8;
}


.in-news .content .focus .title{
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    text-align: left;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
    line-height: 50px;
}


.in-news .content .list-tab{
	width:52%;
	float: left;
	margin-left:3%
}


.in-news .content .list-tab .list{
	width:100%;
	float: left;
}

.in-news .content .list li{
	width:100%;
	margin: auto;
	overflow: hidden;
	list-style: none;
	list-style-position: outside;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 0;
}


.in-news .content .list li .date{
    width: 130px;
    float: right;
    text-align: center;
    font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 0px;
}
.in-news .content .list li .date span{
    display: block;
    font-size: 26px;
}
.in-news .content .list li .info{
    width: calc(99% - 145px);
    float: left;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom:3px;
}
.in-news .content .list li .info .title{
    width: 100%;
    text-align: left;
    font-size: 19px;
    color: #222;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	font-family: 'font-title-bold';
	margin-top: 10px;
	line-height: 1;
}
.in-news .content .list li .info .text{

    width: 100%;
    font-size: 14px;
    line-height: 1.8;
display: inline-block;
 
white-space: nowrap;
 
text-overflow: ellipsis;  
overflow: hidden;
	font-family: 'font-syst';
}



.in-news .content .list li:hover{ }
.in-news .content .list-tab .nav-tabs-lined.nav-tabs-lined-bottom > li.active{background: #d70321; }
.in-news .content .list li:hover .date{ background: #e62112; color: #fff;}
.in-news .content .list li:hover .title{color: #e62112;}


.in-news .nav-tabs-lined:not(.flex-center) > li{ margin:0 2px 0 0;background: #f1f1f1; font-family: 'font-syst';}

.in-news .content .list-tab .nav-tabs-lined.nav-tabs-lined-bottom > li.active > a:after {border-bottom: 0px solid #d70321;}

.in-news .content .list-tab .nav-tabs > li > a{
	font-size: 18px;
    padding-bottom: 0;
    width: 100%;
    padding: 0 2vw;
    line-height: 55px;}

.nav-tabs > li > a:hover *, .nav-tabs > li.active > a, .nav-tabs > li.active > a *, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#333; font-weight: bold; }
.in-news .nav-tabs > li.active > a{
	color: #fff;
}
.in-news .content .list-tab .nav-tabs > li > a:hover{
	
}
.in-news .nav-tabs > li.active > a{color:#fff}

.in-news .content .in-news-more{float:right; }





.in-news2{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 4%
}

.in-news2 .in-news2-left{
    width: 44%;
    float: left;
    position: relative;
}

.in-news2 .in-news2-right{
	width: 52%;
    float: left;
    margin-left: 3%;
}




.in-news2-title{
	width:100%;
	margin: auto;
	overflow: hidden;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.in-news2-title::after{
	width:75px;
	height: 3px;
	background: #d70321;
	display:block;
	content:'';
	margin-top: 10px;
}
.in-news2-title span{float:right;font-weight: normal; font-size: 14px;}



.in-news2-list{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.in-news2-list li{
	width:100%;
	margin: auto;
	overflow: hidden;
	list-style: none;
	list-style-position: outside;
	line-height: 50px;
	border-bottom: 1px dashed #e8e8e8;
}
.in-news2-list li .title{
	width:
	calc(100% - 90px);
	float: left;
	font-size: 16px;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.in-news2-list li .date{
	width:80px;
	float: right;
	color: #999;
	font-size: 12px;
}










/*--------1440---------*/

@media (max-width: 1440px) {
	.in-news .content .focus{width: 46%;}
	.in-news .content .list-tab{width: 50%;}
	.in-news .content .list li .info .text{margin-top:0;line-height: 1.5;}
	
	
	.in-news2 .in-news2-left{width: 46%;}
	.in-news2 .in-news2-right{width: 50%;}
	
}



/*--------991---------*/

@media (max-width: 991px) {
	.in-news .content .focus{width:100%;}
	.in-news .content .list-tab{width:100%;margin-left:0;}
	.in-news .content .list li .info{padding-left:0;width: calc(99% - 100px);}
	.in-news .content .list li .date{width:100px;}
}












/*===========in-jtgj===========*/
.in-jtgj{
	width:100%;
	margin: auto;
	overflow: hidden;
	max-width: 1903px;
}


.in-jtgj .in-jtgj-left{
	width:35%;
	margin: auto;
	overflow: hidden;
	float: left;
	background: url(style/images/in-Structure-bg.jpg);
	height: 800px;
	display: flex;
}


.in-jtgj .in-jtgj-left .info{
	width:70%;
	margin: auto 10% auto 25%;
	align-items:center
}

.in-jtgj .in-jtgj-left .info .title-en{ color: #f23644; font-size: 18px; font-family: "font-title-light"; text-transform: uppercase; line-height: 1.2;}
.in-jtgj .in-jtgj-left .info .title-en span{ display: block; font-family: "font-title-bold"}
.in-jtgj .in-jtgj-left .info .title-ch{ font-size: 38px; color: #fff; margin: 5% 0 9%;font-family: 'font-syst-heavy';}
.in-jtgj .in-jtgj-left .info .text{ color: #fff; font-size: 14px; opacity: 0.8; }
.in-jtgj .in-jtgj-left .info .more{width:150px; height: 40px; border-radius: 50px; border: 1px solid #325dcd; line-height: 40px; color: #fff; text-transform: uppercase; padding-left: 20px;margin-top:20%;transition: all 0.3s;}
.in-jtgj .in-jtgj-left .info .more span{}
.in-jtgj .in-jtgj-left .info .more span::before{ content:''; display: block;  margin-top: -27px;margin-left: 110px;border: 6px solid transparent;
    border-left: 10px solid #f23644;
    width: 0;
    height: 0;
    position: absolute;
    content: ' ';
    transition: all 0.3s;
}
.in-jtgj .in-jtgj-left .info .more:hover{background:#325dcd;color:#fff;width:160px;transition: all 0.3s;}
.in-jtgj .in-jtgj-left .info .more:hover span::before{border-left: 10px solid #fff;transition: all 0.3s; margin-left: 115px;}
.in-jtgj .in-jtgj-right{
	width:65%;
	margin: auto;
	overflow: hidden;
	float: left;
}



.in-jtgj-sj{
	width:100%;
	margin:4% auto;
	overflow: hidden;
	display: none;
}


@media (max-width: 991px) {

	.in-jtgj{display:none;}
	.in-jtgj .in-jtgj-left{display:none;}
	.in-jtgj .in-jtgj-right{width:100%}
	
	
	
	
	.in-jtgj-sj{display:block}
}

























.in-about{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #f6f6f6;
	position: relative;
	padding-top: 4%;
}

.in-about .in-about-left{
	width: 42%;
	float: left;
	position: absolute;
	z-index: 2;
	height: 100%;
}

.in-about .in-about-left .info-title{ margin-top:5%}
.in-about .in-about-left .info-title .title-en{
    text-transform: uppercase;
    font-size: 22px;
    color: #d70321;
    line-height: 1.2;
	letter-spacing:0px;
	font-family: "font-title-light";
}
.in-about .in-about-left .info-title .title-en span{
    display: block;
	font-size: 48px;
	font-family: "font-title-bold";
}
.in-about .in-about-left .info-title .title-ch{
	font-size: 30px;
	color: #222;
	margin: 5% 0 9%;
}
.in-about .in-about-left .info-title .title-ch::after{    
	content: '';
    width: 30px;
    height: 5px;
    background: #f9425a;
    display: block;
    margin-top: 25px;}

.in-about .in-about-left .info-text{
	background: #edf0f7;
	height: 58%;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10% 10% 0;
}

.in-about .in-about-left .info-text .text{
    font-size: 15px;
    line-height: 2;
    color: #222;
}
.in-about .in-about-left .info-text .more{
	width: 150px;
	height: 40px;
	border-radius: 50px;
	border: 1px solid #325dcd;
	line-height: 40px;
	color: #333333;
	text-transform: uppercase;
	padding-left: 20px;
	margin-top: 12%;
}
.in-about .in-about-left .info-text .more span::before {
    content: '';
    display: block;
    margin-top: -27px;
    margin-left: 95px;
    border: 6px solid transparent;
    border-left: 10px solid #f23644;
    width: 0;
    height: 0;
    position: absolute;
}

.in-about .in-about-right{
	width: 68%;
    float: right;
    position: relative;
    text-align: right;
	overflow: hidden;
}
















/*===========in-dj===========*/
.in-dj{
	width:100%;
	margin: 3% auto;
	overflow: hidden;
	float: left;
}


.in-dj .in-dj-list1{
	width:48%;
	float: left;
}


.in-dj .in-dj-list2{
	width:48%;
	float: right;
}





.in-dj-title{
	width:100%;
	margin: auto;
	overflow: hidden;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin-bottom: 3%;
	padding-bottom: 2%;
	letter-spacing: 1px;
	font-family: 'font-syst-heavy';
}


.in-dj-title span{
	color:#ccc;
	margin-left: 10px;
	font-weight: normal;
	font-family: "font-title-light";
	font-size: 16px;
}


.in-dj-pic{
	width:30%; 
	float: left;
	overflow: hidden;
}


.in-dj-sublist{
	width:66%;
	float: right;
}


.in-dj-sublist li{
	list-style:	none;
	list-style-position: outside;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
	line-height: 50px;
	width: 100%;
	float: left;
	font-family: 'font-syst-heavy';
}

.in-dj-sublist li a{font-size:17px}

.in-dj-sublist li .in-dj-subtitle{ 
	width:calc(100% - 80px); 
	float: left;    
	font-size: 16px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	font-family: 'font-syst';
}

.in-dj-sublist li .in-dj-subdate{
	width:80px; 
	float: right;
	color: #999;    
	font-size: 12px;
	text-align: right;
}





.in-dj-sublist .nav-tabs-lined.nav-tabs-lined-bottom > li.active > a:after {
    border-bottom: 3px solid #d70321;
}





@media (max-width: 991px) {

	.in-dj .in-dj-list1{width:100%;    margin-top: 5%;}
	.in-dj .in-dj-list2{width:100%;    margin-top: 8%;}
	
	
	.in-dj-pic{display:none;}
	.in-dj-sublist{width:100%;}
}


















/*===========in-title===========*/
.in-title{
	width:100%;  
	margin: auto; 
	overflow: hidden; 
	text-align: center; 
	position: relative; 
	padding-bottom: 30px; 
}

.in-title .title1{
	width: 100%;
    position: absolute;
    color: #d70321;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0px;
    line-height: 1.5;
	font-family:"font-title-light"; 
}
.in-title .title1 span{
	font-family:"font-title-bold"; }

.in-title .title2{
	width:100%;
	position: relative;
	color: #303030;
	font-size: 38px;
	line-height: 1.5;
	z-index: 1;
	font-family: 'font-syst-heavy';
}




@media (max-width: 991px) {

	.in-title .title2{font-size:28px;}
	.in-title .title1{font-size:14px;}

}

















/*===========in-cyjz===========*/	
.in-cyjz{
	width: 100%;
    margin: 0% auto 0;
    overflow: hidden;
    background: #f6f6f6;
}

.in-cyjz .title{
	width:100%;
	margin: auto;
	margin-top: 4%;
	text-align: center;
}

.in-cyjz .title .title-en{
	color: #d70321;
    font-size: 18px;
    font-family: "font-title-light";
    text-transform: uppercase;
    line-height: 1.2;
	margin-top: 1%
}
.in-cyjz .title .title-en span{font-family: "font-title-bold"; margin-right: 10px;}
.in-cyjz .title .title-ch{
	font-size: 38px;
    color: #222;
    margin: auto;
	font-family: "font-title-bold"; 
}

.in-cyjz .list{
	width:100%;
	margin: 4% auto;
	overflow: hidden;
}

.in-cyjz .list .tp{
	width:100%;
	margin: auto;
	overflow: hidden;
	position: relative;
	display:flex;  align-items:center;
}

.in-cyjz .list .tp .pic{
	background: #071662;

	
}
.in-cyjz .list .tp .pic img{ opacity: 0.7; width:100%}
.in-cyjz .list .tp .info{	
	position: absolute; 
	z-index: 2; 
	color: #fff; 
	text-align: center; 
	width:100%
}
.in-cyjz .list .tp .info .text1{
	font-size: 34px;
	font-family: 'font-title-bold'; 
}
.in-cyjz .list .tp .info .text2{
	font-size: 20px;
	text-transform: uppercase;
	margin: 2% 0
}
.in-cyjz .list .tp .info .more{
    transition: all 0.3s;
	width:190px;
	height: 45px;
	margin: auto;
	border-radius: 50px;
	background: #d10706;
	color: #fff;
	text-align: center;
	line-height: 45px;
	font-family: 'font-title-light';
	font-size: 16px;
}

.in-cyjz .list .tp .info .more:hover{width:200px;transition: all 0.3s;}

.in-cyjz .list .company-list{
	width: 100%;
    margin: auto;
    overflow: hidden;
    margin-top: 5px;
}
.in-cyjz .list .company-list li{
	width: calc((100% - 20px)/3);
    justify-content: space-between;
    float: left;
    background: #f1f1f1;
    text-align: center;
    list-style: none;
    list-style-position: outside;
    padding: 1%;
    font-size: 17px;
    font-family: 'font-syst';
    margin: 2px 0;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 5px;
}


.in-cyjz .list .company-list li:hover{ background: url(style/images/in-cyjz-bg.png)no-repeat right center #d10706; color: #fff;}


.in-cyjz .list-sj{width:100%; margin:4% auto; overflow: hidden; display: none;}
.in-cyjz .list-sj .overlay-info figcaption .caption-wrapper .caption.bg-dark{    background: rgba(0,0,0, 0.0);}
.in-cyjz .list-sj .inverse-text h3:not(.icon-color){font-family:'font-syst'; margin-top:25px;}
.in-cyjz .list-sj .meta{color: #fff;}
.in-cyjz .list-sj .item .category{margin-top:12px;}
.in-cyjz .list-sj .overlay-info figcaption .caption-wrapper{bottom:0;}


/*-------991---------*/



@media (max-width: 991px) {


	.in-cyjz .list{display:none;}
	.in-cyjz .list-sj{display:block;}
	
	.in-cyjz .title .title-ch{font-size:28px;}
	.in-cyjz .title .title-en span{font-size:14px;}
}

















/*===========底部图片===========*/	
.city-pic{
	width:100%;
	margin: auto;
	overflow: hidden;
	
}


.city-pic img{width:100%}








/*===========BOTTOM===========*/	

.bottom-footer1{
    width: 100%;
    margin: auto;
    overflow: hidden;
	padding-bottom: 1%;
	margin-bottom: 2%;
	padding-top: 3%
} 

.bottom-footer1 .footer-nav{
	width: calc(100% - 470px);
	float: left;
}

.bottom-footer1 .footer-nav .footer-navSub{
	width:14%;
	max-width:120px;
	float: left;
	text-align: left;
	font-size: 14px;
	color: #9F9F9F;
	line-height: 28px;
}

.bottom-footer1 .footer-nav .footer-navSub span{
	font-weight:bold;
	display: block;
	font-size: 16px;
	color: #fff;
	margin-bottom: 5px;
}


.bottom-footer1 .footer-code{
	width: 470px;
	float: right;
	color: #fff;
}


.bottom-footer1 .footer-code .title{
	width:100%;
	margin: auto;
	overflow: hidden;
	text-align: right;
}
.bottom-footer1 .footer-code .title span{
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #c8000a;
}

.bottom-footer1 .footer-code .list{
	width:100%;
	margin: auto;
	overflow: hidden;
	display: flex;justify-content: space-between;
	margin-top: 15px;
}

.bottom-footer1 .footer-code .list li{
	list-style:none;
	list-style-position: outside;
	float: left;
	
}

.bottom-footer1 .footer-code .list li img{ display:block;margin-bottom: 10px;}




.bottom-footer2{
    width: 100%;
    margin: auto;
    overflow: hidden;
} 
.bottom-footer2 .bf-left{
    width: 100%;
    float: left;
    text-align: left;
} 


.bottom-footer2 li{
	list-style: none;
    font-size: 14px;
    color: #fff!important;
    opacity: 0.8;
}

.bottom-footer2 li a{
	color: #fff!important;
}


#scrollUp .btn::after{
	content:"返回顶部";
	display: block;
	font-size: 15px;
	margin-top: 10px;
}
#scrollUp .btn::before{
	content:
	'TOP';
	width: 80px;
	text-align: center;
	margin: auto;
	font-size: 22px;
	margin-top: 6px;
	display: block;
}
#scrollUp .btn-icon i{display:none;}












/*--------1440---------*/



@media (max-width: 1440px) {
	.in-left .in-newsBox .tab-content .toutiao .title{
		font-size:19px;
	}
	.in-left .in-newsBox .tab-content .toutiao .date{
		font-size:19px;
	}
	.in-left .in-newsBox .tab-content .toutiao .text{
		font-size:15px;
	}
	
	.in-left .in-newsBox .tab-content .unordered-list li{
		font-size:15px;
		line-height: 3.5;
	}
	


	
	.bottom-nav li{
		font-size: 16px;
	}
	
	
	.in-jtgj .in-jtgj-left .info{width:75%;	margin: auto 10% auto 15%;}
	
	
	
	.bottom-footer1 .footer-nav{width:70%}
	.bottom-footer1 .footer-code{width:30%}
	.bottom-footer1 .footer-code .list li{width:31%}
	.bottom-footer1 .footer-code .list li img{width:100%}
}





@media (max-width: 1200px) {


.bottom-footer1 .footer-nav .footer-navSub{max-width: 100px;}

	}



@media (max-width: 991px) {
	
	
	
	
	.in-pro .list ul li{width:97%}
	
	
	.in-news-title-text1{display: none!important}
	
	.bottom-nav{
		width:100%;
		display: none;
	}
	.bottom-nav li{
		font-size: 12px;
	}
	
	.bottom-footer{
		width:100%;
		font-size:13px;
	}
	.bottom-footer .bf-left{
		width:100%;
	}
	.bottom-footer .bf-right{
		width:100%;
		text-align: left;
	}
	.bottom-footer li{
		font-size:14px;
	}
	
	.bottom-footer1 .footer-nav{display:none;}
	
	.bottom-footer1 .footer-code{float:none; margin: auto;     width: 70%;}
	
	
	.bottom-footer2 li{font-size:13px;}
	
	
#scrollUp .btn::after{
	content:'';
	display: none;
}
#scrollUp .btn::before{
	content:'TOP';
	display: none;
}
#scrollUp .btn-icon i{display:block;}

	
	
}












/*===========public===========*/

.nei-top{width:100%; margin: auto; overflow: hidden; position: relative;}

.nei-top .tp{position: relative;z-index: 0;}
.nei-top .tp img{max-width: none;width: 100%;}

.nei-top .about-top-text{color:#fff;position: absolute;overflow: hidden;text-align: left;z-index: 99;    top: 40%;}
.nei-top .about-top-text .line{width:40px; height: 1px; background: #fff; display: block; overflow: hidden;}
.nei-top .about-top-text h1{font-size: 55px;text-transform: uppercase; font-weight:bold;}
.nei-top .about-top-text h2{font-size: 50px;text-transform: uppercase;margin: 30px 0;letter-spacing: 1px;font-weight:bold;color: #fff;line-height: 1;}
.nei-top .about-top-text .line{width:80px; height: 7px; background: #fff; margin-top:20px;}
.nei-top .about-top-text h3{font-size: 20px;width: 60%;min-width: 500px;color: #fff;line-height: 1;text-transform: uppercase;}




/*--------nei-menu--------*/
.nei-top-menu-box{width:100%;background: #fff;height: 100px;position: relative;z-index: 9;border-bottom:1px solid #ebebeb;}

.nei-top-menu{width:100%;height: 100px;overflow: hidden;}
.nei-top-menu .submenu{width:auto;text-align: center;float: right;line-height: 100px;color: #8c8c8c;font-size: 16px;margin: 0 15px;}
.nei-top-menu .submenu li{float:left;  width:140px; text-align: center; list-style: none; line-height: 100px; color: #5c5c5c;}
.nei-top-menu .submenu li a{color: #8c8c8c;}
.z-dh{float:left;line-height: 100px;color: #8c8c8c;font-size: 16px;margin-right: 10px;    text-transform: uppercase;}
.z-dh img{ margin:0 10px}

.nei-top-menu .submenu li:hover{ background: #d10706; color: #fff;}
.nei-top-menu .submenu li:hover a{color:#fff;}

/*--------1440---------*/

@media (max-width: 1440px) {
}


/*--------1024---------*/

@media (max-width: 1024px) {
	.nei-top .about-top-text h2{ margin: 20px 0 15px;font-size:30px}
	.nei-top .about-top-text h3{}
	.nei-top-menu .submenu li{width:90px;font-size:15px;}
	
}

/*--------992---------*/
@media (max-width: 992px) {
	.nei-top .about-top-text h2{font-size:22px;}
	.nei-top .about-top-text h3{display:none;}
	.nei-top .about-top-text .line{width:100px; height: 2px;}
	.nei-top-menu-box{height:70px;}
	.nei-top-menu{height:70px;}
	.z-dh{line-height: 70px;font-size: 15px;}
	
	.nei-top-menu .submenu{display:none;}
}





















/*=====================FONT======================*/



/*===============================================*/




.w-1400{
	width:1400px;
	margin: auto;
/* 	overflow: hidden; */
}



.w-1500{
	width:1500px;
	margin: auto;
	overflow: hidden;
}


/*--------1440---------*/

@media (max-width: 1440px) {
	.w-1400{width:96%;}
}





/*====================================INDEX===========*/
.top-menu{
	width:100%;
	margin: auto;
	background: #d10706;
	font-family: 'font-syst-heavy';
}

.top-search{
	width:320px;
	height: 42px;
	float: right;
	background: #fff;
	border-radius: 50px;
	margin-top: 30px;
	line-height: 42px;
}

.top-search-input{
	width:calc(100% - 90px);
	float: left;
	background: rgba(255, 255, 255, 0)!important;
    border: 1px solid rgba(0, 0, 0, 0)!important;
}

.top-search-submit{
	width:70px; 
	height: 42px;
	background:url(style/images/top-ico-search.png) no-repeat center center #e62112;
	color: #fff;
	border:none;
	border-radius: 50px;
	float:right;
	padding-left: 20px;
	font-size: 15px;
}
.top-search-submit:hover{background:url(style/images/top-ico-search.png) no-repeat center center #d10706;}


/*--------991px---------*/

@media (max-width: 991px) {
	.top-search{width:50%;    border: 1px solid #d5d5d5; height: 32px; line-height: 32px;display: none;}
	.top-search-submit{height: 32px;}
	select, textarea, textarea.form-control, input[type="text"]:not(.qty), input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{height: 32px; line-height:32px;}
	
	
	.business-list .business-list-nav li {height: 115px;}


}





.public-title{
	font-size: 16px;
    color: #d8001b;
    font-family: auto;
    text-transform: uppercase;
}

 .public-title span{
    display: block;
    font-family: 'font-syst-heavy';
    color: #333;
    font-size: 40px;
    line-height: 1.2;
}

 .public-title::after{
	content:'';
	display:block;
	width:30px;
	height:4px;
	background:#d8001b;
	margin:20px 0;
}

.article-text img{
    display: block;
    margin: auto;
    max-width: 700px;
}
/*--------991px---------*/

@media (max-width: 991px) {
	
	.public-title span{font-size:28px}
	.culture .culture-logo{width:100%; border-right:none; text-align: center}
	.culture .culture-text{width:100%}
	.culture .culture-text span{width:100%; text-align: center; font-size: 28px;}
	.article-text img{
        width: 100%;
    }
	
	h1 {
	    font-size: 20px;
	    line-height: 25px;
	}
	

}






/*翻页*/
.fanye{  width: 100%;float: left; margin-top: 4%; margin-bottom: 4%; text-align: center;font-size: 0.875em;}
.fanye-box{width:500px;float: none;text-align: center;line-height: 45px;margin: auto;}
.fanye-Previous{width: 98px;float:left;background: #fff;border: 1px solid #ccc;height: 45px;color: #666666;margin-right: 5px;}
.fanye-Next{width: 98px;float:left;background: #fff;height: 45px;color: #414040;margin-left: 5px;border: 1px solid #ccc;}
.fanye-Number{width: 45px;float:left;color: #414040;margin: 0 5px;background: #fff;border: 1px solid #ccc;}
.fanye-Number-current{width: 45px;float:left;color: #fff;background: #d10705;margin: 0 5px;}









