.space1{ overflow:hidden; clear:both; height:10px;}
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:30px;}
.space4{ overflow:hidden; clear:both; height:40px;}
@media only screen and (max-width: 600px) {
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:20px;}
.space4{ overflow:hidden; clear:both; height:20px;}
}

.main_box{ max-width:1500px; overflow:hidden; width:94%;  margin:0 auto;}
@media only screen and (max-width: 1400px) {
.main_box{ max-width:1300px; overflow:hidden; width:94%; margin:0 auto;}
}


.hui_bg{ background:#f8f9fb; width:100%; padding:100px 0px 100px 0px; overflow:hidden;  position: relative;}
.bai_bg{ background:#ffffff; width:100%; padding:100px 0px 100px 0px; overflow:hidden;  position: relative;}

@media only screen and (max-width: 1366px) {
.bai_bg{ background:#ffffff; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
.hui_bg{ background:#f8f9fb; width:100%; padding:80px 0px 80px 0px; overflow:hidden; }
}

@media only screen and (max-width:1190px) {
.hui_bg{ background:#f8f9fb; width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
.bai_bg{ background:#ffffff; width:100%; padding:40px 0px 40px 0px; overflow:hidden; }
}

@media only screen and (max-width:900px) {
.hui_bg{ background:#f8f9fb; width:100%; padding:30px 0px 30px 0px; overflow:hidden;}
.bai_bg{ background:#ffffff; width:100%; padding:30px 0px 30px 0px; overflow:hidden; }
}


.public_img{overflow: hidden; position: relative}
.public_img .img_box{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}

.public_img .img_box img{display: block;width: 100%;height: auto;}
.public_img:hover .img_box{transform: scale(1.1); -webkit-transform: scale(1.1);}

.pub_tu{overflow:hidden; position:relative;  padding-top: 66.666%; }
.pub_tu img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;  vertical-align: top}
.pub_tu:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}



.sy_title{ text-align:center; margin-bottom:30px;  position: relative;z-index: 3;}
.sy_title h3{ color: #111;font-size: 40px;margin-bottom: 12px; line-height:40px;font-weight: bold;}
.sy_title .x_txt{font-size: 16px; color: #333;line-height: 24px;  margin:0 auto; font-weight:400; line-height:180%;max-width: 1000px;}

@media only screen and (max-width:1100px) {
.sy_title h3{font-size: 30px;margin-bottom:5px; line-height:30px; }
.sy_title .x_txt{font-size: 14px; color: #676b6d;line-height: 24px;}
.sy_title{ text-align:center; margin-bottom:20px}

}
@media only screen and (max-width:800px) {
.sy_title h3{font-size: 26px;}   
}


.entit{font-size:55px; color: transparent;-webkit-text-stroke: 1px rgba(227, 29, 22, 0.5); text-transform:uppercase;line-height:1;font-weight:bold;letter-spacing: -2px;text-align: center; font-family:'Aileron-Black'; position: relative;z-index: 2;}
.tit{font-size:46px; color:#000; margin-top:-25px; line-height:1;  margin-bottom:30px; letter-spacing: 4px;font-weight: 700;text-align: center; position: relative;z-index: 3;}
.tit a{color:#000; }

@media only screen and (max-width:1300px) {
.entit{font-size:36px;letter-spacing: -2px}
.tit{font-size:40px; margin-top:-25px;margin-bottom:20px;}
}

	

@media only screen and (max-width:900px) {
.entit{font-size:26px;letter-spacing: -1px}
.tit{font-size:28px;margin-top:-18px;margin-bottom:20px;}
	
}

@media only screen and (max-width:750px) {
.entit{text-align: center;-webkit-text-stroke: 1px rgba(227, 29, 22, 0.3); }
.tit{text-align: center}
}



/*---------------news-----------*/

.h_news_k{overflow: hidden; padding:0px; margin: 0;display: flex;justify-content:space-between;display: -webkit-flex;}

.h_focus_L{overflow: hidden; padding:0;margin: 0;width: 59%;}
.h_focus_R{overflow: hidden; padding:0;margin: 0;width: 38%;}


.h_focus_L img{width: 100%; height: auto;}


.tab1{ padding: 0px;margin:0px;}
.tab1 ul{ padding: 0px;}
.tab-hd1 {max-width: 100%; margin: 0px; position: relative;height:44px; line-height:44px;overflow: hidden}
.tab-hd1 li{ float:left; width:110px;cursor:pointer; height: 44px; line-height: 44px; font-size:20px; font-weight:600;color: #333;padding: 0px;margin-right:20px; display: inline; text-align: center}
.tab-hd1 li a{color: #333;}
.tab1 .tab-hd1 li .more{ float: right; width: auto}
.tab-hd1 li:last-child{margin-right:0px;}

.tab-hd1 li.active1{color: #ce1414;height: 44px;line-height:44px; font-size: 20px; border-bottom: 3px solid #ce1414;
padding: 0px;float: left; z-index: 2; position: relative; }
.tab-hd1 li.active1 a{color: #ce1414;}
.tab-hd1::before{ margin: 0px; position: absolute; content: ""; z-index: 1; width: 100%; height: 1px; background: #dbdbdb; bottom:1px; left: 0;}

.tab-bd1 .div1{display:none;margin:0;  padding: 0px}
.tab-bd1 .div1.thisclass{ display:block}
@media (max-width: 1500px) {
    .tab-hd1 li{ float:left; width:25%;margin-right:0;display: block; }
}

@media (max-width: 1300px) {
.tab-hd1 li{font-size: 18px; }
.tab-hd1 li.active1{font-size: 18px; }
}
@media (max-width: 1200px) {
.tab-hd1 li.active1{ border-bottom:2px solid #ce1414;}
}

@media (max-width: 1000px) {
.tab-hd1 li{font-size: 16px; }
.tab-hd1 li.active1{font-size: 16px; }
}

.sy_newtt{overflow:hidden; padding:16px 0px; margin:0px;}
.sy_newtt dl{ overflow:hidden; padding:0px 0px; margin:0px;}	
.sy_newtt dl dt{ overflow:hidden; padding:0px; margin:0px; font-size:16px; color:#222;white-space:nowrap;text-overflow:ellipsis; line-height:34px}	
.sy_newtt dl dd{padding:0px; margin:0px; line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#888; font-size:16px}		
.sy_date{ overflow:hidden; float:left; width:60px; margin-right:30px; margin-top:3px; font-family: 'BEBAS';}	
.sy_date { font-size:20px; line-height:30px; text-align:center; color:#888}	
.sy_date p{ font-size:14px; line-height:22px; padding:0px; margin:0px; border-top:#eee 1px solid;color:#888;font-family: 'BEBAS';}		
.sy_newtt:hover { background:#f6f6f6}
.sy_newtt:hover dl dt{ color:#ce1414}
.sy_newtt:hover .sy_date{ color:#ce1414}
.sy_newtt:hover .sy_date p{ color:#ce1414}


.m_sy_list{ margin:0px  5px; padding:0px; padding-top:10px}
.m_sy_list dl{ margin:0px; padding:0px; overflow:hidden}
.m_sy_list dl dd{ margin:0px; padding:1px 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:10px; font-size:18px; line-height:36px;border-bottom:0px  dotted  #ddd; position: relative}
.m_sy_list dl dd a{ display:inline; font-size:16px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_sy_list dl dd span{ float:right; margin-left:20px; color:#666666; font-size:16px;font-family: "AVGBBT";}
.m_sy_list dl dd::before{position: absolute; content: "";z-index: auto;left:0; width: 3px; height: 3px; background: #ccc;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}
.m_sy_list dl dd:hover a{color:#ce1414}


.wx_news_list{ margin:0px; padding:0px; overflow: hidden}
.wx_news_list li{ margin:0px; padding:2px 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px; line-height:36px; border-bottom: #fff 1px  dotted;text-indent:10px; position: relative}


.wx_news_list li::before{position: absolute; content: "";z-index: auto;left:0; width: 3px; height: 3px; background: #ccc;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.wx_news_list li a{ display:inline; font-size:16px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wx_news_list li span{ float:right; margin-left:20px; color:#666666; font-size:16px}

.wx_news_list li:hover a{color:#ce1414}
.wx_news_list li i{ color:#d53232; margin-right: 5px;font-size:18px; }
.wx_news_list li:hover{ border-bottom: #ccc 1px  dotted;}

@media only screen and (max-width:1300px) {
.wx_news_list li span{  font-size:14px}
.wx_news_list li{line-height:32px;}

.sy_newtt dl dt{ line-height:32px}	
.sy_newtt dl dd{font-size:14px}	
.sy_newtt{overflow:hidden; padding:12px 0px; margin:0px;}
}



@media only screen and (max-width: 1100px) {
.wx_news_list li a{ display:inline; font-size:14px;}
.wx_news_list li span{  font-size:14px}
.wx_news_list li{line-height:26px;}
.sy_newtt dl dt{ line-height:28px;font-size:14px}	
.sy_newtt dl dd{font-size:12px}	
.sy_newtt{overflow:hidden; padding:8px 0px;}
.sy_date{ width:60px; margin-right:10px; }	
.sy_date { font-size:18px; line-height:28px; text-align:center; color:#888}

}

@media only screen and (max-width: 900px) {
    .h_focus_L{width:100%; margin-bottom: 10px;}
    .h_focus_R{width: 100%;}
    .h_news_k{display: block;}
    
}



.med_list{overflow: hidden; padding: 0px; margin: 0; padding-top: 15px;}
.med_list li{ padding:0; margin-bottom: 20px; overflow: hidden;}
.med_list li dl{overflow: hidden; padding: 0px; margin: 0;}
.med_list li dl dt{overflow: hidden; padding: 0px; margin: 0;color: #222;font-size: 16px;line-height: 26px; max-height:52px; margin-bottom: 5px;}
.med_list li dl dd{font-size: 14px; line-height: 24px; color: #888;overflow: hidden; padding: 0px; margin: 0;max-height: 48px;white-space:nowrap;text-overflow:ellipsis;}

.mt_tu{width:194px; margin-right:20px; position: relative;float: left;}
.med_list li:last-child{margin-bottom: 0;}

@media (max-width: 1500px) {
    .mt_tu{width:192px; }
}
	
@media only screen and (max-width:1300px) {
    .mt_tu{width:175px; }
    .med_list li{margin-bottom: 19px; }
}
@media only screen and (max-width:1100px) {
    .mt_tu{width:150px;margin-right:15px;}
    .med_list li{margin-bottom:15px; }
    .med_list dl dt{ line-height:24px;font-size:14px;max-height:48px;}	
    .med_list dl dt a{font-size:14px; line-height:24px;}
}

@media only screen and (max-width:500px) {
    .mt_tu{width:120px;margin-right:13px;}
}



/*---------------ke-----------*/
.course_bg{background:url(../images/bg-image.jpg) no-repeat center top;background-size:cover;}
.course_box{overflow: hidden; margin: 0px; padding: 0; position: relative;}

.course_kc{overflow: hidden; margin: 0px; padding: 0; background: #fff;}
.course_tu{overflow: hidden; margin: 0px; padding: 0; }
.course_tu img{width: 100%; height: auto;vertical-align: top;}
.course_kc .title{ padding: 10px 5px; line-height: 30px;font-weight: bold;font-size: 18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


@media only screen and (max-width: 1300px) {
    .course_kc .title{font-size: 16px; }  
}

@media only screen and (max-width: 1000px) {
    .course_kc .title{font-size: 14px; }  
}


/*-----------TRODUCTION----------*/

.Introduction_bg{background:url(../images/jsbg2.jpg) no-repeat center  fixed;background-size:cover; position: relative;}
.Introduction_bg::before{content: "";position: absolute; z-index: 0;width: 100%; height: 100%;
 background: rgba(0, 0, 0, 0.3);top:0; left:0;}



 .sy_Online_box{margin: 0px; padding: 0px;overflow: hidden;  display: -webkit-flex;align-items: center;
    flex-basis: auto;justify-content:space-between; background:rgba(255,255,255,0.8); position: relative;z-index: 2;}
.sy_Online_L{width: 50%; margin: 0px; padding: 0px;;}

.sy_Online_L{margin: 0px; padding: 0px; overflow: hidden;}
.sy_Online_L dl{margin: 0px;padding: 20px 40px;overflow: hidden;}
.sy_Online_L dl dt{margin: 0px; padding: 0px;overflow: hidden;font-size:40px; margin-bottom: 10px;color: #111;font-weight: 600; letter-spacing: 3px;}
.sy_Online_L dl dt h4{margin: 0px; padding: 0px;overflow: hidden;font-size:16px;color: #111;font-weight: 300;letter-spacing:0;}
.sy_Online_L dl dd{margin: 0px; padding: 0px;overflow: hidden;font-size: 16px; color: #222; line-height: 190%;}
.sy_Online_tu{width: 50%; height: auto; margin: 0px; padding: 0px; position: relative;}
.sy_Online_tu img{width: 100%; height: auto;vertical-align: top;}
.Online_dv_btn{position:absolute;z-index: 2;  background:rgba(0, 0, 0, 0.3); padding: 20px; 
    border-radius: 50%; left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%); text-align: center;
}
.Online_dv_btn i{font-size: 60px; color: #fff;-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);
    border-radius: 50%; box-shadow: 0 0 15px 1px rgba(0,0,0,.1);}
.Online_dv_btn:hover i {font-size: 50px;-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}

@media only screen and (max-width: 1400px) {
.sy_Online_L dl dt{font-size:30px;  line-height: 36px;}
.sy_Online_L dl dd{font-size: 14px; }
}

@media only screen and (max-width: 1300px) {
.sy_Online_L dl{padding: 20px 20px;}
.sy_Online_L dl dt{font-size:24px;  line-height: 30px;}
.sy_Online_L dl dt h4{font-size: 14px; line-height: 24px; }

}

@media only screen and (max-width: 1200px) {
    .sy_Online_L{width: 55%;}
    .sy_Online_tu{width: 45%;}
}
 @media only screen and (max-width: 900px) {

.sy_Online_L dl dt{font-size:22px;  line-height: 24px;}
.sy_Online_L{width: 100%;}
.sy_Online_tu{width: 100%;}
.sy_Online_box{display: block;}
.sy_Online_L dl{padding: 30px 30px;}
}
    
@media only screen and (max-width: 750px) {
 .sy_Online_L dl{padding: 25px 20px;}
    }
        
    


.sy_about_box{margin: 0px; padding: 30px 40px;overflow: hidden;  display: -webkit-flex;align-items: center;
    flex-basis: auto;justify-content:space-between; background:rgba(255,255,255,0.8); position: relative;z-index: 2;}
.sy_about_tu{margin: 0px; padding: 0px;overflow: hidden;width: 25%;}
.sy_about_tu img{width: 100%; height: auto;}
.sy_about_info{margin: 0px; padding: 0px;overflow: hidden;width: 70%;}
.sy_about_info dl{margin: 0px; padding: 0px;overflow: hidden;}
.sy_about_info dl dt{margin: 0px; padding: 0px;overflow: hidden;font-size:40px; margin-bottom: 10px;color: #111;font-weight: 600; letter-spacing: 3px;}
.sy_about_info dl dt h4{margin: 0px; padding: 0px;overflow: hidden;font-size:16px;color: #111;font-weight: 300;letter-spacing:0;}
.sy_about_info dl dd{margin: 0px; padding: 0px;overflow: hidden;font-size: 16px; color: #222;}


.more_btn1{ margin-top: 10px; padding: 0px;}
.more_btn1 .p2{ width:160px; height:46px; background-color:#fff; border-radius:50px; text-align:center;transition:all ease 0.36s;
 margin:0 auto;display: inline-block;}
.more_btn1 .p2 a{display: flex; align-items: center;}
.more_btn1 .p2 span{ padding-left:42px; font-size:16px; color:#333; float:left; line-height:46px;}
.more_btn1 .p2 i{  width:22px; height:22px; transition:all ease 0.36s; font-size: 22px;color:#ce1414;  margin-left: 5px;}
.more_btn1 .p2:hover{ width:170px;background-color:#ce1414;}
.more_btn1 .p2:hover span{ color:#fff;}
.more_btn1 .p2:hover i{  color: #fff}

@media only screen and (max-width: 1400px) {
    .sy_about_info dl dt{font-size:30px;  line-height: 36px;}
    .sy_about_info dl dd{font-size: 14px; }
    .more_btn1 .p2{ width:140px; height:40px; }
    .more_btn1 .p2 span{padding-left:38px;line-height:40px;font-size:14px;}
    .more_btn1 .p2 i{  width:20px; height:20px; transition:all ease 0.36s; font-size: 18px;}
}

@media only screen and (max-width: 1300px) {
    .sy_about_info dl dt{font-size:24px;  line-height: 30px;}
    .sy_about_info dl dt h4{font-size: 14px; line-height: 24px; }

}


.into_txt{overflow:hidden; margin: 0px; padding: 0px;font-size:16px; line-height: 200%;}

@media only screen and (max-width:1400px) {
.into_txt {font-size:14px;}
}
@media only screen and (max-width:1300px) {
.Introduction_bg{background:url(../images/jsbg2.jpg) no-repeat center;}
}

@media only screen and (max-width: 900px) {
	.into_txt{ height: 166px; overflow: auto; overflow-y: auto; padding-right: 10px;}
    .sy_about_box{padding: 30px 30px;}
    .sy_about_info dl dt{font-size:22px;  line-height: 24px;}
}

@media only screen and (max-width: 800px) {
    .into_txt{ height: 120px; }
    .sy_about_box{padding: 30px 20px;}

}

@media only screen and (max-width: 900px) {
.more_btn1{text-align: center;}
}


@media only screen and (max-width: 600px) {
.into_txt{ height: auto; overflow:hidden; overflow-y: auto;padding: 0px;}
.sy_about_tu{margin: 0px; padding: 0px;overflow: hidden;width: 50%; margin: 0 auto; margin-bottom: 20px;}
.sy_about_box{display: block;}
.sy_about_info{margin: 0px; padding: 0px;overflow: hidden;width:100%;}

.sy_about_info dl dt{text-align: center;}

}
.into_txt::-webkit-scrollbar {
	width:3px;background-color: #eee;
}

.into_txt::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #eee;width:4px;
}

.into_txt::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #a1a1a1;width:3px;
}



/*-----------team----------*/
.team_bg{ background:#fff url(../images/HONGKONG.png) no-repeat  center bottom;background-size: cover; }

.sy_team{margin:0; padding: 0px;}

.h_team{ background: #fff;padding: 4% 4%;overflow: hidden;	border-radius: 20px; position: relative;margin: 0 auto;
	display: flex;display:-webkit-flex;justify-content: space-between;align-items: center;box-shadow:0 0 20px 1px rgba(0,0,0,.06);  border: #eee 1px solid; margin-top: 20px; margin-bottom: 20px;}
.h_team_pic{width: 30%;margin:0;overflow: hidden; padding: 0px;border-radius: 50%; border: 3px solid #ddd;}
.h_team_pic img{ border-radius: 50%;width: 100%; height: 100%;}
.h_team_info{width: 65%;margin:0;overflow: hidden; padding: 0px;}
.team_title{margin: 0px; padding: 0px;overflow: hidden; text-align: left; border-bottom: 1px solid #ddd;  padding-bottom: 5px; margin-bottom: 10px;}
.team_title h4{margin: 0px; padding: 0px;overflow: hidden;font-weight: bold;font-size: 18px; color: #111;}
.team_title h3{margin: 0px; padding: 0px;overflow: hidden;font-weight: bold;font-size: 22px;color: #ce1414;}
.team_sm{margin: 0px; padding: 0px;overflow: hidden;font-weight: normal;font-size: 16px;line-height: 190%; color: #666; text-align: left;}


.team_sm{ height: 156px; overflow: auto; overflow-y: auto; padding-right: 10px;}
.h_team_pic:hover{border: 3px solid #ce1414;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media only screen and (max-width:1400px) {
    .team_sm {font-size:14px;}
    }
    
    .team_sm::-webkit-scrollbar {
        width:3px;background-color: #eee;
    }
    
    .team_sm::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #eee;width:4px;
    }
    
    .team_sm::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #a1a1a1;width:3px;
    }
@media only screen and (max-width:1200px) {
    .team_title h4{font-size: 16px;}
    .team_title h3{font-size: 20px;}

}

@media only screen and (max-width:900px) {
    .team_title h3{font-size: 18px;}

}
@media only screen and (max-width:700px) {
    .h_team_pic{width: 40%; margin: 0 auto; margin-bottom: 20px;}
    .h_team_info{width: 100%;margin:0;overflow: hidden; padding: 0px;}
    .h_team{ padding: 20px 20px 30px 20px; display: block;}
    .team_title{ margin-bottom: 5px;}
    .team_title h4{font-size: 16px;text-align: center;}
    .team_title h3{font-size: 20px;text-align: center;}
}

.hz_bg{background:#fff url("../images/map-bg1.png") no-repeat center; background-size: contain}
.hzhf_box{ overflow:hidden; padding: 0px; margin: 0;}
.hzhf_box li{ overflow:hidden; padding: 0px; width: 12.48%; margin-right:2.1%; margin-bottom: 20px;background: #f6f6f6;float: left;}

.hzhf_box li .imgs{ overflow:hidden; position:relative; padding-top:32%;}
.hzhf_box li .imgs img{display: block;width: 100%; height:100%;
 position:absolute; left:0; top:0;-webkit-transform:scale(1);
  -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);
  -webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;
  }
.hzhf_box li :hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.hzhf_box li:nth-child(7n){ margin-right: 0;} 
 
@media only screen and (max-width:900px) {
    .hzhf_box li{width: 18.4%; margin-right: 2% }
    .hzhf_box li:nth-child(7n){ margin-right: 2%;} 
    .hzhf_box li:nth-child(5n){ margin-right: 0;} 
}

@media only screen and (max-width:750px) {
    .hzhf_box li{width: 23.5%; margin-right: 2%; margin-bottom: 15px;}
    .hzhf_box li:nth-child(7n){ margin-right: 2%;} 
    .hzhf_box li:nth-child(5n){ margin-right: 2%;} 
    .hzhf_box li:nth-child(4n){ margin-right: 0;} 
}
@media only screen and (max-width:500px) {
    .hzhf_box li{  width: 32%; margin-right: 2% }
    .hzhf_box li:nth-child(7n){ margin-right: 2%;} 
    .hzhf_box li:nth-child(5n){ margin-right: 2%;} 
    .hzhf_box li:nth-child(4n){ margin-right: 2%;} 
    .hzhf_box li:nth-child(3n){ margin-right: 0;} 
}

/*----------piclist----------*/
.sy_pic_bg{ background:#f8f9fb url(../images/bg_1.png) no-repeat  left top;background-size: cover;}

.sy_pic_L{margin:0px; padding:0px; overflow: hidden; float:left; width: 49.7%}
.sy_pic_L li{margin:0px; padding:0px; overflow: hidden; }
.sy_pic_L li:nth-child(1){ width: 100%; margin-bottom:1%;float:left;}
.sy_pic_L li:nth-child(2){ width: 49.5%; float:left;}
.sy_pic_L li:nth-child(3){ width: 49.5%;float: right;}

.sy_pic_L li .tcms_tu{ overflow:hidden; position:relative;  padding-top: 63% }
.sy_pic_L li .tcms_tu img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.sy_pic_L li .tcms_tu h3{ font-weight:normal; line-height:30px; position:absolute; left:0; width:100%;box-sizing: border-box;white-space:nowrap;text-overflow:ellipsis; color:#fff; font-size:20px;  font-weight: 700; overflow:hidden; z-index:3; text-align: center; float: left;top: -50%; margin: 0px;}

.sy_pic_L li:hover  .tcms_tu h3{ top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.3s ease-out 0s;}

.sy_pic_L li a{display:inline}

.sy_pic_L li:hover .tcms_tu img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.sy_pic_L li:hover .tcms_tu:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.5);}
.sy_pic_L li a{display:inline}

.sy_pic_R{margin:0px; padding:0px; overflow: hidden; float:right; width: 49.7%}


.sy_pic_R li{margin:0px; padding:0px; overflow: hidden; }

.sy_pic_R li:nth-child(1){ width: 49.5%; margin-bottom: 1%;float:left;}
.sy_pic_R li:nth-child(2){ width: 49.5%; margin-bottom: 1%;float: right;}
.sy_pic_R li:nth-child(3){ width: 100%;float:left;}

.sy_pic_R li .tcms_tu{ overflow:hidden; position:relative;  padding-top: 63% }
.sy_pic_R li .tcms_tu img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.sy_pic_R li .tcms_tu h3{ font-weight:normal; line-height:30px; position:absolute; left:0; width:100%;box-sizing: border-box;white-space:nowrap;text-overflow:ellipsis; color:#fff; font-size:20px;  font-weight: 700; overflow:hidden; z-index:3; text-align: center; float: left;top: -50%; margin: 0px;}

.sy_pic_R li:hover  .tcms_tu h3{ top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.3s ease-out 0s;}

.sy_pic_R li:hover .tcms_tu img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.sy_pic_R li:hover .tcms_tu:after{ content:""; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.5);}
.sy_pic_R li a{display:inline}

@media only screen and (max-width: 1000px) {
	.sy_pic_L li .tcms_tu h3{font-size:16px; }
	.sy_pic_R li .tcms_tu h3{font-size:16px; }
}
@media only screen and (max-width: 700px) {
.sy_pic_L{margin:0px; padding:0px; overflow: hidden; float:left; width:100%; margin-bottom: 1%}
.sy_pic_R{margin:0px; padding:0px; overflow: hidden; float:left; width:100%}
}




.footer_bg{margin: 0px; padding: 4%  0px;overflow: hidden; background: #333;  display: block; position: relative;}
.footer_bg::before{content: "";position: absolute; z-index: 0;width: 100%; height: 100%;
top:0; left:0; background:url(../images/HONGKONG1.png) no-repeat  center bottom;background-size: cover; opacity: 0.5;}
   
.footer_box{margin: 0px; padding:0;overflow: hidden;display: flex;display: -webkit-flex;justify-content: space-between;position: relative;z-index: 2;}
.footer_L{margin: 0px; padding:0;overflow: hidden;width: 40%;color: #fff; }
.footer_R{margin: 0px; padding:0;overflow: hidden;width: 57%;color: #fff;  position: relative; z-index: 1;}
.footer_info{margin: 0px; padding:0;overflow: hidden;}
.footer_info dl{margin: 0px; padding:0;overflow: hidden;}
.footer_info dl dt{margin: 0px; padding:0;overflow: hidden; color: #fff; margin-bottom: 5px;}
.footer_info dl dd{margin: 0px; padding:0;overflow: hidden;color: #fff; line-height: 26px; padding: 3px 0px;}

.QR_code{margin: 0px; padding:0;overflow: hidden;width: 120px; height: auto;text-align: center; margin-top: 10px;}
.QR_code img{width: 100%; height: auto;vertical-align:top;}
.QR_code p{margin: 0px; padding:0;overflow: hidden; line-height: 30px;font-size: 14px; color: #fff;}



.footer_cop_bg{ text-align: center; display: block; background: #282828; padding: 20px 0px;}
.footer_cop{margin: 0px; padding:0;overflow: hidden;justify-content:center;display: flex;display: -webkit-flex;}
.footer_cop_xx{color: #fff;font-size:14px; line-height: 22px;}
.fonter_jszz{color: #fff;font-size:14px; line-height: 22px;}
.footer_cop a{color: #fff;}

.down_chaxun{float: right;border-radius:20px;display: flex;display: -webkit-flex;justify-content: flex-end;}
.down_chaxun .input1{float:left;width: 100px; border:0; border-radius: 20px 0px 0px 20px; line-height:38px;height:40px; display: inline-block; padding-left: 10px; margin: 0px; background:#ddd;color: #222; border-right: 1px solid #222;font-size: 14px;}
.down_chaxun .input2{float:left; width:165px;  border:0;  line-height:38px;height:40px; display: inline-block; padding-left: 10px; margin: 0px;background:#ddd; color: #222;font-size: 14px; border-radius: 0;}
.down_chaxun span{margin: 0px; padding: 0px;font-size: 14px;}

.so_btn{ line-height:38px;height:40px; background:#ce1414; width:75px; color:#FFFFFF;margin: 0px; padding: 0px;font-size:14px; text-align:center;height:41px; border-radius:0px 20px 20px 0px; display: inline-block; border: 0;cursor: pointer}
.down_chaxun input::placeholder {color:#555;}

.footer_logo_cx{margin: 0px; padding:0;overflow: hidden;position: relative;z-index: 2;
    justify-content: space-between;display: flex;display: -webkit-flex; margin-bottom: 20px; }
.footer_logo { width: auto;vertical-align: top;}
.footer_logo img{height: 55px; width: auto;vertical-align: top;}

.footer_nav{margin: 0px; padding:0;overflow: hidden;display: block; }
.footer_nav li{margin: 0px; padding:0;overflow: hidden;width: 16.66%;float: left;}
.footer_nav li dl{margin: 0px; padding:0;overflow: hidden; text-align: right;}
.footer_nav li dl dt{margin: 0px; padding:0;overflow: hidden;font-weight: bold; font-size: 18px; margin-bottom: 10px;color: #fff;}
.footer_nav li dl dd{margin: 0px; padding:2px 0px; overflow: hidden;font-weight: normal; font-size: 16px; line-height: 30px; color: rgba(255,255,255,0.8);}
.footer_nav li dl dd a{  color: rgba(255,255,255,0.8);}
.footer_nav li dl dt a{  color: rgba(255,255,255,1);}

@media only screen and (max-width:1200px) {
    .footer_L{width: 35%;}
    .footer_R{width: 63%;}
    .footer_nav li dl dt{font-size: 16px;}
    .footer_nav li dl dd{ font-size: 14px;}
}

@media only screen and (max-width:1000px) {
    .footer_L{width: 100%; text-align: center;}
    .footer_R{width: 100%; display: none;}
    .QR_code{ margin: 0 auto;margin-top: 20px;width: 100px;display: none; }
    .footer_bg{margin: 0px; padding: 30px  0px;}

    .footer_cop_bg{ padding: 12px 0px;}
    .footer_info dl dd{font-size: 14px; line-height: 24px;}

    .footer_logo_cx{display: block; margin-bottom:10px;}
.footer_logo { width: auto;vertical-align: top; text-align: center; margin-bottom: 0px;}
.footer_logo img{height: 45px; width: auto;vertical-align: top;}
.down_chaxun{ margin: 0 auto;float:none; justify-content: center;}
.footer_cop{display: block;}


}





/*---------book---------------*/

/*------form--------*/
.form_input-flexing{display: flex; gap: 20px;}
.form_df-input {flex-basis: 50%;position: relative;margin-top: 20px;}
.form_df-input input {border: 1px solid #5E5E5E45; padding: 0 20px 0 40px;height: 50px; width: 100%;border-radius:5px;font-size: 16px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_df-input i{position: absolute; z-index: 1; left: 8px;top: 12px;
font-size: 25px; vertical-align: top;  color:#ccc}
.form_texting-fild {margin-top: 20px;position: relative;}
.form_texting-fild textarea { border: 1px solid #5E5E5E45;height: 140px; padding: 10px 20px 10px 20px; width: 100%;border-radius:5px;font-family:"Microsoft YaHei";font-size: 16px;}

.form_df-input input:focus {border-color:#ff8480;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_texting-fild textarea:focus {border-color:#ff8480;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_df-input input::placeholder {color:#666;}
.form_texting-fild textarea::placeholder {color:#666;}

.form_btn_k {width: 200px;}
.form_btn_k:hover .form_btn { background: #ce1414;}
.form_btn {
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    height: 50px;
    border-radius:40px;
    background: #ff760d;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;
}
.form_btn i{font-size: 20px; vertical-align: middle; margin-right: 4px; line-height: 50px}

@media only screen and (max-width:800px) {
.form_texting-fild textarea {font-size: 14px;}
.form_df-input input {height: 46px;font-size: 14px}
.form_df-input i{top: 10px; }	
}

@media only screen and (max-width:450px) {
.form_btn_k {width: 200px;margin: 0 auto;}
.form_df-input {flex-basis: 100%;margin-top: 15px;}
.form_input-flexing{gap:0;display: block;}
}


.form_btn_k button{border: 0; width: 100%}
.form_btn_k button:focus{border: 0;}



.content_txt{line-height:200%; color:#333333; font-size:16px; overflow:hidden; }
.content_txt p{line-height:200%; color:#333333; font-size:16px; overflow:hidden;}
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}


.content_img{overflow:hidden; width:100%; text-align:center;font-size:16px;}
.content_img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content_txt table{ table-layout: fixed;word-break: break-all; }
.content_txt table td{border:1px solid #999; padding: 0px 4px;min-width:80px}
.content_txt table{border:1px solid #999;} 

/*---------content-----------*/
.content_bt{ width:100%; line-height:34px; font-size:24px;margin-bottom:15px; color:#222; }
.content_time{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; padding-bottom:15px; margin-bottom:15px; line-height:25px; overflow: hidden;display:-ms-flexbox;display: flex;align-items: center;justify-content:flex-start;}
.i_date{margin-right:5px;}
.i_from{ margin-right:5px}
.i_View{overflow: hidden;}

.news_title_bt{ width:100%; line-height:40px; font-size:30px;margin-bottom:15px; color:#222; font-weight: 600;}
.content_time i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300}

@media screen and (max-width: 1300px) {
.news_title_bt{ line-height:30px; font-size:22px;}
}
@media screen and (max-width:1000px) {
.news_title_bt{ width:100%; line-height:28px; font-size:20px;font-weight:bold;text-align: center;margin-bottom:10px; }
.content_time{font-size:12px; justify-content: center; }
.content_time i{ font-size:14px;}
.content_time{flex-wrap: wrap;}
}




@media (max-width: 1300px) {
.content_txt{line-height:190%;}
.content_txt p{line-height:190%; overflow:hidden;}
.content_img{overflow:hidden; width:100%; text-align:center;}
	
.content_txt{font-size:14px;}
.content_txt p{font-size:14px;}
}

.next_k{ padding:0px;margin-top:15px; border-top:#ededed 1px solid;}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:25px; margin:0px; padding:4px 0px; color:#666666; font-size:16px; list-style:none}
.next_k ul li a{font-size:16px}


@media (max-width: 1400px) {
    .next_k ul li{font-size:14px;padding:2px 0px; }
    .next_k ul li a{font-size:14px}
}




/*-------banner-----------*/
#inside_tu{ width:100%; height:500px ;background-size:cover; background:#e7262d ; position: relative; display:-ms-flexbox;display: flex;align-items: flex-end; position: relative;}
.inside_mask{overflow: hidden;width: 100%; height: 100%; position: absolute;
top:0;left:0;z-index: auto; background: rgba(0, 0, 0, 0.25);}
@media only screen and (max-width:2000px) {
#inside_tu{height:400px }
}

@media only screen and (max-width:1300px) {
#inside_tu{ width:100%; height:300px ;background-size:cover;}
}

@media only screen and (max-width:1000px) {
#inside_tu{ width:100%; height:180px ;background-size:cover;}
}

@media only screen and (max-width:800px) {
#inside_tu{ width:100%; height:160px ;background-size:cover;}
}
    
@media only screen and (max-width:700px) {
#inside_tu{ width:100%; height:140px ;background-size:cover;}
}
        

 .common_top_title {overflow: hidden; position: relative; z-index: 2; margin: 0px; padding: 0px;
width: auto;float: left; background: rgba(206,20,20,0.7);}
 .common_top_title dl{ overflow: hidden;color: #fff; width: auto;padding:30px 50px 50px 50px;}
 .common_top_title dl dt{margin: 0px; padding: 0px;overflow: hidden;font-size: 36px;font-weight: bold;letter-spacing:2px;font-size:34px; color: #fff; margin-bottom: 5px; line-height: 170%; position: relative; padding-bottom: 5px;font-weight: 700;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);}
 .common_top_title dl dd{margin: 0px; padding: 0px;overflow: hidden;font-size:20px; color: #fff;line-height:24px;text-transform:capitalize;text-transform: capitalize; }
 
 .common_top_title dl dt::after { position: absolute;z-index: auto;content: ""; height: 3px;width: 80px;background: #fff;bottom: 0px;left: 0px;}

 @media (max-width: 1250px) {
   .common_top_title dl dt{overflow: hidden;font-size: 28px; }	
   .common_top_title dl dd{overflow: hidden;font-size: 16px; }	
   .common_top_title dl{padding:20px 30px 35px 30px;}
 }
 @media (max-width: 1100px) {
   .common_top_title dl dt{overflow: hidden;font-size: 24px; }
   .common_top_title dl dd{overflow: hidden;font-size: 14px; }	
   .common_top_title dl{padding:20px 25px 25px 25px;}
   .common_top_title dl dt::after {height: 2px;width: 50px;}
 }

 @media (max-width: 800px) {
    .common_top_title dl dt{font-size: 22px; }
    .common_top_title dl{padding:12px 20px 16px 20px;}
  }

  .sub_nav{ margin: 0 auto;padding: 0px; text-align: center;overflow: hidden;display: flex; justify-content: center; flex-wrap: wrap;}
  .sub_nav li{padding: 0px 30px;list-style: none; ; background:#ddd;text-align:center; height:46px;font-weight: bold;line-height:46px;
     color:#222;transition:all .1s;float: left; border-radius: 40px; margin: 0px 8px; margin-bottom: 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  
  .sub_nav li a{font-size: 18px;color: #111;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  .sub_nav li:hover{background:#ce1414;color:#fff;}
  .sub_nav li:hover a{color: #fff;font-weight: bold;}
  .sub_nav .on{background:#ce1414;color:#fff;}
  .sub_nav .on a{color: #fff;}
  
  .sub_nav1{ margin: 0 auto;padding: 0px; text-align: center;overflow: hidden;display: flex; justify-content: center; flex-wrap: wrap;}
  .sub_nav1 li{padding: 0px 30px;list-style: none; ; background:#ddd;text-align:center; height:46px;font-weight: bold;line-height:46px;
     color:#222;transition:all .1s;float: left; border-radius: 40px; margin: 0px 8px; margin-bottom: 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  
  .sub_nav1 li a{font-size: 18px;color: #111;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  .sub_nav1 li:hover{background:#ce1414;color:#fff;}
  .sub_nav1 li:hover a{color: #fff;font-weight: bold;}
  .sub_nav1 .on{background:#ce1414;color:#fff;}
  .sub_nav1 .on a{color: #fff;}
  

  
  @media (max-width: 1200px) {
  .sub_nav li{height:44px;line-height:44px;}	
  .sub_nav li a{font-size: 16px;}		
  .sub_nav li{height:44px;line-height:44px;}
  
  .sub_nav1 li{height:44px;line-height:44px;}	
  .sub_nav1 li a{font-size: 16px;}		
  .sub_nav1 li{height:44px;line-height:44px;}	

  }
  
  @media (max-width: 1000px) {
    .sub_nav{display: block; }
  .sub_nav li{height:36px;line-height:36px;}
  .sub_nav li{ width:15.66%;margin: 0px; padding: 0;margin-bottom: 10px; margin-right: 1.2%;}
  .sub_nav li:nth-child(6n){ margin-right: 0;}
  }

  @media (max-width: 750px) {
.sub_nav1{display: block; }
.sub_nav1 li{height:36px;line-height:36px;}
.sub_nav1 li{ width:24.25%;margin: 0px; padding: 0;margin-bottom: 10px; margin-right:1%;}
.sub_nav1 li:nth-child(4n){ margin-right: 0;}
  }

  @media (max-width: 800px) {

    .sub_nav li{ width: 32%;margin-right: 2%;}
    .sub_nav li:nth-child(3n){ margin-right: 2%;}
    .sub_nav li:nth-child(3n){ margin-right: 0;}
    }


    @media (max-width: 750px) {

        .sub_nav li{ width: 32%;margin-right: 2%;}
        .sub_nav li:nth-child(3n){ margin-right: 2%;}
        .sub_nav li:nth-child(3n){ margin-right: 0;}
}

@media (max-width: 500px) {
    .sub_nav1 li{ width:48.5%;margin: 0px; padding: 0;margin-bottom: 10px; margin-right:3%;}
    .sub_nav1 li:nth-child(4n){ margin-right: 0;}
    .sub_nav1 li:nth-child(2n){ margin-right: 0;}
 }
    
/*------culture--------*/
.list_LR{overflow: hidden;margin: 0px;padding: 0;}
.list_LR li{overflow: hidden;margin: 0px;padding: 0;}
.list_LR li .item_box{overflow: hidden;margin: 0px;padding: 0;
   display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.list_LR li .item_box .box_left{overflow: hidden;margin: 0px;padding: 0; width: 50%;}
.list_LR li .item_box .bot_right{overflow: hidden;margin: 0px;padding: 0; width:50%;}
.list_LR li .item_box .bot_right img{width: 100%;height: auto;vertical-align: top;}

.Des_text_xx{overflow: hidden;margin: 0px;padding: 0; width: 90%;}
.Des_text_xx dl{overflow: hidden;margin: 0px;padding: 0;}
.Des_text_xx dl dt{overflow: hidden;margin: 0px;padding: 0;font-size: 25px; margin-bottom: 8px; color: #ce1414;font-weight: bold; position: relative; padding-bottom: 8px;}
.Des_text_xx dl dd{overflow: hidden;margin: 0px;padding: 0;font-size: 16px; line-height: 190%; color: #666;}

.list_LR li:nth-child(2n) .item_box{direction: rtl}
.list_LR li:nth-child(2n) .item_box .box_left{direction: initial;}
.list_LR li:nth-child(2n) .item_box .bot_right{direction: initial;}

.list_LR li:nth-child(2n-1) .item_box .Des_text_xx{float: right;}

.list_LR li:nth-child(2n-1) .item_box{ background: #fff;}
.list_LR li:nth-child(2n) .item_box{ background: #fff;}

.Des_text_xx dl dt::after { position: absolute;z-index: auto;content: ""; height: 2px;width: 55px;background: #b79650;bottom: 0px;left: 0px;
    transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.box_left:hover dl dt::after {width: 100px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
@media screen and (max-width: 1400px) {
    .Des_text_xx dl dd{font-size: 14px;}
}

@media screen and (max-width: 900px) {
.Des_text_xx dl dt{font-size: 20px;}
.Des_text_xx dl dd{line-height: 24px;}
}


@media screen and (max-width: 750px) {
    .list_LR li .item_box{display: block;}
  .Des_text_xx dl dt{font-size: 18px;}
.Des_text_xx{overflow: hidden;margin: 0 auto;padding: 20px 0px; width: 94%;}
.list_LR li:nth-child(2n-1) .item_box .Des_text_xx{float: none;}
.list_LR li .item_box .box_left{overflow: hidden;margin: 0px;padding: 0; width: 100%;}
.list_LR li .item_box .bot_right{overflow: hidden;margin: 0px;padding:0; width:100%;}
}
/*-------culture--//-------*/
      
  

.list3{ overflow: hidden; padding:0px; margin: 0px; padding-top: 10px;}
.list3 li{width: 32%;float: left;overflow: hidden; padding:0px; margin-bottom: 2%; margin-right: 2%;}
.list3 li:nth-child(3n){ margin-right: 0;}
.list3 li .title{text-align: center;font-size:18px; line-height: 30px; padding: 5px 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
@media only screen and (max-width:1300px) {
.list3{ padding-top: 0px;}
.list3 li .title{font-size:16px; line-height: 26px;}
}
@media only screen and (max-width:550px) {
.list3 li{width: 49%;}
.list3 li:nth-child(3n){ margin-right: 2%;}
.list3 li:nth-child(2n){ margin-right: 0;}
}

/*-----notice_list----------*/
.notice_list{overflow: hidden;}
.notice_list li{overflow: hidden; border-bottom: 1px solid #e6e6e6; padding:25px 0px; }
.notice_list li a{display:-ms-flexbox;display: flex; justify-content: flex-start;align-items: center;}
.notice_list li .title_box{overflow: hidden;font-size: 18px; line-height: 26px;font-weight: bold;}
.notice_list li .title_box a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.notice_list li .date_box{text-align: center;margin-right: 20px;font-family: 'BEBAS';}
.notice_list li .date_box dl{overflow: hidden; padding: 0 5px;border-right:1px solid #999;width: 80px;}
.notice_list li .date_box dl dt{overflow: hidden;font-size: 24px;color: #666; line-height: 26px;font-family: 'BEBAS';}
.notice_list li .date_box dl dd{overflow: hidden;font-size: 16px; color:#666; line-height: 24px;font-family: 'AVGBBT';}
.notice_des{overflow: hidden;font-size: 14px; line-height: 22px;font-weight: normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.notice_list li:hover .title_box{color: #ce1414;}
.notice_list li:hover .date_box dl dt{color: #ce1414;}
.notice_list li:hover .date_box dl dd{color: #ce1414;}

@media screen and (max-width: 1300px) {
	.notice_list li .title_box{font-size: 16px; line-height: 24px;}
	.notice_list li{padding:20px 0px; }
	.notice_list li .date_box dl dt{line-height: 20px;}
	.notice_list li .date_box dl dd{line-height: 20px}
}

@media screen and (max-width: 1000px) {
	.notice_list li .date_box{margin-right:15px;}
	.notice_list li .date_box dl{overflow: hidden; padding: 0 0px;border-right:1px solid #666;width: 62px; }
	.notice_list li .date_box dl dt{font-size: 20px; }
	.notice_list li .date_box dl dd{font-size: 12px;}
    .notice_list li .title_box{max-height: 72px;overflow: hidden;}

}
@media screen and (max-width: 500px) {
    .notice_des{display: none;}
}


/*-----notice_list--//-----*/

.LB_newslist1{ overflow:hidden; margin:0px; padding:0px}
.LB_newslist1 li{ overflow:hidden; margin:0px; padding:2% 3%; margin-bottom:15px; list-style:none; background:#f6f6f6}

.LB_newslist1 li dl{ overflow:hidden; margin:0px; position:relative}
.LB_newslist1 li dl dt{ overflow:hidden; margin:0px; font-size:20px; font-weight: bold;color:#222; white-space:nowrap;text-overflow:ellipsis; line-height:190%}
.LB_newslist1 li dl dt a{ font-size:20px; color:#222;}
.LB_newslist1 li dl dt a:hover{ color:#ce1414;}
.LB_newslist1 li dl dd{ overflow:hidden; margin:0px; font-size:14px;}
.LB_newslist1 li dl dd .des_txt{font-size:16px; line-height:26px; overflow:hidden; margin:0px; padding:0px; height:48px; color:#666666; padding-right:150px;}
.LB_newslist1 li dl dd .time{ font-size:14px; margin-bottom:5px; line-height:190%;color:#666666}
.LB_newslist1 li dl dd .more1{ float: right;position: absolute;bottom: 26px;right: 0; z-index:1 }


.LB_newslist1 li .more1 a{display: block;color: #313134;border:1px solid #313134;width:115px;text-align:center;line-height:35px;height: 35px;border-radius: 35px;position: relative;}
.LB_newslist1 li .more1 a i{position: absolute;right: 5px;top: 50%;margin-top: -4px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}
.LB_newslist1 li .more1 a:hover{background: #ce1414;color: #fff;border:1px solid #ce1414;}
.LB_newslist1 li .more1 a:hover i{border-left: 8px solid #fff;}


.LB_news_tu{ float:left; margin-right:4%; width:25%; overflow:hidden;}
.LB_news_tu a{display: inline}

@media only screen and (max-width:1400px) {
    .LB_newslist1 li dl dt a{  font-size:18px; }
.LB_newslist1 li dl dd .des_txt{font-size:14px; line-height:24px;}	
	
}

@media only screen and (max-width:1200px) {
    .LB_newslist1 li dl dt a{  font-size:16px; }
    .LB_news_tu{ margin-right:3%;}
	
}


@media only screen and (max-width:700px) {
.LB_newslist1 li{ overflow:hidden; padding:3% 4% 4% 4%; }
.LB_newslist1 li dl dt a{ font-size:16px; color:#222;}
.LB_newslist1 li dl dt{ line-height: 28px}
.LB_newslist1 li .more1 a{display: block;color: #313134;border:1px solid #313134;width:95px;margin:0 auto;text-align:center;line-height:30px;height: 30px;border-radius: 30px;position: relative;}
.LB_newslist1 li dl dd .des_txt{ line-height:20px; overflow:hidden; margin:0px; padding:0px; height:40px; color:#666666;}
.LB_newslist1 li dl dd .more1{ float:left;position: inherit;bottom: 5px;right: 0; z-index:1; margin-top:5px ; font-size:12px; display: none}
.LB_newslist1 li .more1 a i{position: absolute;right: 1px;top: 50%;margin-top: -3px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}
.LB_news_tu{ float:left; margin-right:15px; width:200px; overflow:hidden;}
.LB_newslist1 li dl dd .time{ font-size:12px; margin-bottom:1px;}
}

@media only screen and (max-width:600px) {
.LB_newslist1 li{ padding:10px 10px 10px 10px; }
.LB_news_tu{ float:left; margin-right:15px; width:140px; overflow:hidden;}
}

/* --2---- */
.newsList{overflow:hidden; }
.newsList a{display:block;padding:10px 0 0 0px; position:relative; margin-bottom:20px;}
.newsList a span{ position:absolute; top:0; left:0; display:block; width:80px; height:105px; background:#ce1414; text-align:center; color:#fff; font-weight:normal; z-index: 2}
.newsList a h1{ font-size:46px; line-height:46px; margin:13px 0 7px 0;font-weight:normal;font-family: 'AVGBBT';}
.newsList a h2{ font-size:16px; line-height:30px; border-top:2px solid #e85f5f; display:inline-block;font-weight:normal;font-family: 'AVGBBT';}
.newsList a { width:100%; padding:20px 0; min-height:150px;background:#fff; overflow:hidden;}
.newsList a h3{ float:left; font-size:16px; line-height:30px; margin:0 0 10px 105px; width:calc(100% - 445px);text-align:justify}
.newsList a h3 i{display:block; border-bottom:1px solid #e5e5e5;font-size:20px; font-weight:bold; line-height:32px; padding:20px 0 12px 0; margin-bottom:8px; color:#222}
.des_info{ font-size:16px; line-height:26px; color:#888; font-weight:normal;max-height: 52px; overflow: hidden}
.newsList a h4{float:right; width:300px;margin:0 10px 0 0; overflow:hidden;}
.newsList a h4 img{width: 100%; height: auto; vertical-align: top}
.newsList a:hover{ box-shadow:0 0 10px rgba(0,0,0,.1)}

@media only screen and (max-width:1400px){
.des_info{ font-size:14px; line-height:22px;max-height:44px;overflow: hidden;}
.newsList a h3 i{font-size:18px; }
}

@media(max-width:1300px){
    .newsList a h4{float:right; width:220px;}
    .newsList a h3{ width:calc(100% - 365px);}
}

@media only screen and (max-width:1200px){
    .newsList a h3 i{font-size:16px; }
    .newsList a { padding:15px 0;}
}

@media only screen and (max-width:1100px){
.newsList a h3 i{ padding:10px 0 10px 0; }
}
@media only screen and (max-width:639px){
.newsList{font-size:0;}
.newsList a{display:block;padding:10px 0 0 10px; position:relative; margin-bottom:20px;}
.newsList a span{ position:absolute; top:0; left:0; display:block; width:80px; height:105px; background:#ce1414; text-align:center; color:#fff}
.newsList a h1{ font-size:46px; line-height:46px; margin:13px 0 7px 0;}
.newsList a h2{ font-size:16px; line-height:30px; border-top:2px solid #ce1414; display:inline-block}
.newsList a { width:100%; padding:10px 0; min-height: 150px; height: auto}
.newsList a h3{ float:left; line-height:30px; margin:0 0 0 10px; width:calc(100% - 20px);text-align:justify}
.newsList a h3 i{display:block; border-bottom:none;font-size:16px;line-height:26px; padding:15px 0; margin-bottom:0;}
.des_info{ display:none}
.newsList a h4{ float:right; display:block;width:calc(100% - 20px);margin:0 10px 0 0; overflow:hidden;}

}


/* --course xx---- */

.course_list{ overflow:hidden; margin:0px; padding:0px;}
.course_list li{ overflow:hidden; margin:15px 0px; padding:2% 2%; margin-bottom: 30px;  background: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.course_list li a{display: inline}
.course_list li dl{ overflow:hidden;}
.course_list li dl dt{ overflow:hidden; margin:0px; padding:0px; color: #222; line-height: 30px; font-size: 20px; margin-bottom: 12px; font-weight: bold;}
.course_list li dl dd{ overflow:hidden; margin:0px; padding:0px; color: #666; line-height: 24px; font-size: 16px; max-height: 72px}
.course_list li dl dd p{ overflow:hidden; margin:0px; padding:0px; }
.course_list li dl dd div{ overflow:hidden; margin:0px; padding:0px; } 
.course_pic{ width: 30%; margin-right:4%; float: left}
.course_pic img{ width: 100%; height: auto; vertical-align: top}

.course_list li .more2{  margin-top: 15px;}
.course_list li .more2 a{display: block;color: #313134;border:1px solid #313134;width:115px;text-align:center;line-height:35px;height: 35px;border-radius: 35px;position: relative;}
.course_list li .more2 a i{position: absolute;right: 5px;top: 50%;margin-top: -4px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}
.course_list li .more2 a:hover{background: #ce1414;color: #fff;border:1px solid #ce1414;}
.course_list li .more2 a:hover i{border-left: 8px solid #fff;}

.course_list li:hover{ box-shadow:0 0 10px rgba(0,0,0,.1)}

@media only screen and (max-width:1400px){
    .course_list li .more2 a{font-size: 14px;}
    .course_list li dl dd{font-size: 14px;}
    .course_list li dl dt{font-size: 18px;}

}

@media only screen and (max-width:1200px){
    .course_list li dl dt{font-size: 16px;}
    .course_list li dl dd{  max-height: 48px}
}

@media only screen and (max-width:900px){
    .course_pic{ width: 35%; margin-right:3%;}
}

@media only screen and (max-width:750px){
    .course_pic{ width: 32%; margin-right:3%;}
    .course_list li .more2{ display: none;}
}

@media only screen and (max-width:640px){
.course_pic{ width:150px; margin-right:20px;}
}

@media only screen and (max-width:500px){
.course_list li{  padding: 20px 12px;}
.course_pic{ width:100%; margin-right:0px; margin-bottom: 15px;float: none;}
.course_list li dl dd{ max-height: 100%;  height: auto}
}


/*-----team xx----------*/

.xx_team{margin: 0;padding: 0;overflow: hidden;}
.xx_team li{ background: #fff;	border-radius: 20px;margin: 0;overflow: hidden;width: 49%;float: left; margin-right: 2%; margin-bottom: 30px;
    box-shadow:0 0 20px 1px rgba(0,0,0,.06);  border: #eee 1px solid;}


.xx_team li:nth-child(2n){ margin-right: 0;}

.team_js_box{padding: 4% 4%;overflow: hidden; position: relative;
	display: flex;display:-webkit-flex;justify-content: space-between;align-items: center; }
.team_js_pic{width: 25%;margin:0;overflow: hidden; padding: 0px;border-radius: 50%; border: 3px solid #ddd;}
.team_js_pic img{ border-radius: 50%;width: 100%; height: 100%;}
.team_js_info{width: 70%;margin:0;overflow: hidden; padding: 0px;}
.team_js_title{margin: 0px; padding: 0px;overflow: hidden; text-align: left; border-bottom: 1px solid #ddd;  padding-bottom: 5px; margin-bottom: 10px;}
.team_js_title h4{margin: 0px; padding: 0px;overflow: hidden;font-weight: bold;font-size: 18px; color: #111;}
.team_js_title h3{margin: 0px; padding: 0px;overflow: hidden;font-weight: bold;font-size: 22px;color: #ce1414;}
.team_js_sm{margin: 0px; padding: 0px;overflow: hidden;font-weight: normal;font-size: 16px;line-height: 26px;color: #666; text-align: left; max-height: 52px;}

.team_js_pic:hover{border: 3px solid #ce1414;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.xx_team li:hover{box-shadow:0 0 20px 1px rgba(0,0,0,.1);}
.more{  margin-top: 10px;}
.more{display: block;color: #313134;border:1px solid #313134;width:115px;text-align:center;line-height:35px;height: 35px;border-radius: 35px;position: relative;}
.more i{position: absolute;right: 5px;top: 50%;margin-top: -4px;
  width: 0px;height: 0px;display: block;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 8px solid #313134;
  border-right: 8px solid transparent;
}
.more:hover{background: #ce1414;color: #fff;border:1px solid #ce1414; }
.more:hover i{border-left: 8px solid #fff;}
@media only screen and (max-width:1400px){
    .team_js_sm{font-size: 14px;line-height: 24px; max-height: 48px;}
    .more{font-size: 14px;}
    .team_js_title h4{font-size: 16px;}
    .team_js_title h3{font-size: 18px;}

}
@media only screen and (max-width:900px){
    .team_js_box{padding: 3% 3%;}
    .more{width:100px;text-align:center;line-height:30px;height: 30px;}
    .more i{right: 2px;}
    .more{  margin-top: 5px;}
}
@media only screen and (max-width:800px){
    .xx_team li{width: 100%; margin-right: 0;}

}



.ren_box{overflow:hidden; padding:0px; margin: 0 auto; width: 90%; margin-top: 40px; margin-bottom: 40px}
.ren_box dl{overflow:hidden; padding:0px; margin: 0; }
.ren_box dl dt{overflow:hidden; padding:0px; margin: 0;text-align: center;}
.ren_img{max-width: 240px; height: auto; margin: 0  auto; margin-bottom: 10px;border-radius: 50%; border: 2px solid #ddd;overflow: hidden;position: relative;}
.ren_img img{ max-width: 100%; width: auto;height: auto; vertical-align: top;border-radius: 50%;width: 100%; height: 100%;}
.ren_box dl dt h3{overflow:hidden; padding:0px; margin: 0;  font-size: 20px; line-height: 190%; font-weight: bold; margin-bottom: 5px;color: #ce1414;}
.ren_box dl dt h4{font-weight: bold; margin-bottom: 10px;color: #222;font-size: 18px; }
.ren_box dl dd{overflow:hidden; padding:0px; margin: 0; font-size: 18px; line-height: 190%}
.ren_box dl dd p{overflow:hidden; padding:0px; margin: 0; font-size: 18px; line-height: 190%}

@media (max-width: 1000px) {
.ren_box dl dt h3{font-size: 20px; line-height: 190%;}
.ren_box dl dd{ font-size: 16px; line-height: 190%}
.ren_box dl dd p{ font-size: 16px; line-height: 190%}	

}

@media (max-width: 800px) {
.ren_img{max-width: 200px; }
}

@media (max-width: 700px) {
.ren_img{max-width: 150px; }
}


.wzdh_box_bg{background: #f1f1f1; overflow:hidden; margin: 0px; padding: 0;}
.wzdh_k{ overflow:hidden; line-height:40px;font-size:16px;color:#666; margin: 10px 0px;display: flex;flex-wrap: nowrap; align-items: center;}
.wzdh_k span a{ font-size:16px; color:#666}
.wzdh_k i{ margin-right:3px;color:#666;font-size:18px;}

@media screen and (max-width:1400px) {
	
.wzdh_k{ line-height:30px;font-size:14px;}
.wzdh_k span a{ font-size:14px;}
.wzdh_k i{ margin-right:3px;color:#666;font-size:16px;}
}

@media screen and (max-width:750px) {
	
  .wzdh_k{ line-height:24px;font-size:12px;}
  .wzdh_k span a{ font-size:12px;}
  .wzdh_k i{ margin-right:3px;color:#666;font-size:14px;}
  }
  

.side_news_L{ width: 70%;float: left;overflow: hidden; padding: 0px; margin: 0; }
.side_news_R{ width: 25%;float: right;overflow: hidden; padding: 0px; margin: 0;}

.r_news_title{margin-bottom: 15px; padding: 0;display: flex;display:-webkit-flex; justify-content: space-between; align-items: center;}
.r_news_title h3{font-size: 24px;line-height: 30px; color: #222;}
.r_newslist{overflow: hidden; padding: 0px; margin: 0;}
.r_newslist li{ border: 1px solid #ddd; padding: 20px 20px; margin: 0px; margin-bottom: 20px;}
.r_newslist li dl{overflow: hidden; padding: 0px; margin: 0;}
.r_newslist li dl dt{overflow: hidden; padding: 0px; margin: 0;color: #222;font-size: 18px; margin-bottom: 10px; line-height: 28px;}
.r_newslist li dl dd{overflow: hidden; padding: 0px; margin: 0; color: #666;}
.r_newslist li:hover{ background: #ce1414;}
.r_newslist li:hover dt{ color: #fff;}
.r_newslist li:hover dd{ color: #fff;}
.r_newslist li:hover{ border: 1px solid #ce1414;}


.btn_return_box a{display: inline; color: #fff;font-size: 12px; }
.btn_return_box {display: block;float: right;}

.btn_return{ border-radius: 40px; line-height: 34px; padding: 0px 18px; background:#ce1414;color: #fff;font-size:14px; }
.btn_return i{font-size: 14px;}

.btn_return:hover{ background:#f98901;  color: #fff;}


@media screen and (max-width:1400px) {
.r_newslist li dl dt{font-size: 16px;line-height: 24px;}
.r_news_title{font-size: 20px;line-height: 28px;}
.side_news_R{ width: 26%;}
}


@media screen and (max-width:1000px) {
.side_news_L{ width: 100%;float: none; margin-bottom: 20px; }
.side_news_R{ width: 100%;float: none;}   
.r_news_title h3{font-size: 18px;} 
}
@media screen and (max-width:800px) {
.r_newslist li{ border: 1px solid #ddd; padding: 15px 15px;}
}


.R_kclist{overflow: hidden; padding: 0px; margin: 0;}
.R_kclist li{ border: 1px solid #ddd; padding: 12px 12px; margin: 0px; margin-bottom: 20px;display:flex;display: -webkit-flex;
justify-content: space-between;align-items: center;}
.R_kclist li dl{overflow: hidden; padding: 0px; margin: 0; width: 55%;}
.R_kclist li dl dt{overflow: hidden; padding: 0px; margin: 0;color: #222;font-size: 16px;line-height: 26px; max-height: 104px;}

.R_kclist_tu{width:42%; margin-right:3%; position: relative;}

@media screen and (max-width:1500px) {
    .R_kclist li dl dt{max-height: 78px;}
}

@media screen and (max-width:1400px) {
    .R_kclist li dl dt{max-height: 48px;font-size: 14px;line-height: 24px; }
}

@media screen and (max-width:1000px) {
    .R_kclist li{width: 49%;margin-right: 2%;float: left;} 
    .R_kclist li:nth-child(2n){ margin-right: 0;} 
}

@media screen and (max-width:600px) {
    .R_kclist li{width: 100%;margin-right: 0;float:none;} 
    .R_kclist li:nth-child(2n){ margin-right: 0;} 
    .R_kclist li dl{width: 70%;}
    .R_kclist_tu{width:140px; margin-right:15px; position: relative;}
}



.contact_box{overflow: hidden; padding: 0px; margin: 0; background: #f7f7f7;
    display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}


.contact_box_L{overflow: hidden; padding: 0px; margin: 0;width: 50%;}
.contact_box_R{overflow: hidden; padding: 0px; margin: 0;width: 50%;}
.contact_box_R img{width: 100%; height: auto;}
.contact_info{overflow: hidden; padding: 0px; margin: 4% 8%;}
.contact_info dl{overflow: hidden; padding: 0px; margin: 0;}
.contact_info dl dt h3{font-weight: bold;font-size: 24px; margin-bottom: 10px;}
.contact_info dl dt{overflow: hidden; padding: 0px; margin: 0;font-weight: bold;font-size: 18px; margin-bottom: 5px;}
.contact_info dl dd{overflow: hidden; padding: 0px; margin: 0; line-height: 200%;}

@media screen and (max-width:1400px) {
    .contact_info dl dt h3{font-weight: bold;font-size: 22px;}
}


#allmap {height: 500px;width:100%;overflow: hidden; box-sizing: inherit; }
@media screen and (max-width: 1450px) {
#allmap {height: 400px;width:100%;overflow: hidden;}
}

.Message_bg{background: url(../images/ly_bg.jpg) no-repeat center bottom; background-size:cover}

.page_k{ text-align:center; padding:0px; font-size:16px;border-top:#CCCCCC 0px solid; margin-top:25px;}
.page_k a{ font-size:16px}
.page_k a:hover{ font-size:16px}


@media screen and (max-width: 1400px) {
    .page_k a:hover{ font-size:14px}
    .page_k a{ font-size:14px}
    .page_k{font-size:14px }
}

@media screen and (max-width: 1200px) {
    #allmap {height: 350px;width:100%;overflow: hidden;}
    .contact_info dl dd{font-size: 14px;}
    }
    
    @media screen and (max-width:640px) {
        .contact_box{display: block;}
        .contact_box_L{overflow: hidden; padding: 0px; margin: 0;width: 100%; }
        .contact_box_R{overflow: hidden; padding: 0px; margin: 0;width: 100%;}
        .contact_info{margin: 20px 20px;}
        }
        
    


.certificate_bg{background: url(../images/cxbg.jpg) no-repeat center top; background-size:cover}
.certificate_box{overflow: hidden; margin: 0 auto;max-width: 600px;width: 92%; position: relative;z-index: 2;}


.form_k1{ margin:0 auto; overflow: hidden; background: #fff; padding:5%;box-shadow: 0 0 20px 1px rgba(0,0,0,.06);
     border-radius: 0px 0px 10px 10px;}
.form_input-flexing1{display:block; gap: 0;}
.form_df-input {flex-basis: 100%;position: relative;margin-top: 15px;}
.form_df-input input {border: 1px solid #5E5E5E45; padding: 0 20px 0 40px;height: 44px; width: 100%;border-radius:3px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;font-size: 14px}
.form_input-flexing1 .form_df-input i{position: absolute; z-index: 1; left: 8px;top: 12px;
font-size: 25px; vertical-align: top; color:#ce1414}
.form_texting-fild {margin-top: 20px;position: relative;}



.form_btn_k1 {width: 150px;margin: 0 auto;}
.form_btn_k1:hover .form_btn{ background: #ff6a07;}

.form_btn{
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    height: 40px;
    border-radius:45px;
    background: #ce1414;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 300;border:0; width: 100%;
}
.form_btn_k1 a{display: inline}
@media screen and (max-width: 1300px) {
.form_df-input {flex-basis: 100%;position: relative;margin-top: 10px;}	

}



@media only screen and (max-width:800px) {
.form_df-input input {font-size: 14px}
.form_df-input i{top: 10px; }
	
}


@media only screen and (max-width:450px) {

.form_df-input {flex-basis: 100%;margin-top: 15px;}
.form_input-flexing{gap:0;display: block;}
}


.zscx-lay {
    position: relative;background: url(../images/cx-bg.jpg) no-repeat center top; background-size:cover
}

.zscx-lay::before { position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    background: rgba(7, 41, 77, 0.92);  z-index: 0; content: ""; width: 100%; height: 100%;
}

.cx_title {
    filter: drop-shadow(0px 3px 10px rgba(202, 49, 46, 0.612));
    text-transform: uppercase;
    color: #ffffff;
    background: #ce1414;
    text-align: center;
    padding: 15px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;font-weight: bold;font-size: 26px;margin: 0;
}
.cx_info{font-size: 16px; line-height: 200%;color: #fff;}



@media only screen and (max-width:1200px) {
    .cx_title {font-size: 22px;}
    .cx_info{font-size: 14px; }
    .cx_sm_info{font-size: 14px; }
}





.content_txt .table1{word-break: break-all;width: 100%;}
.content_txt .table1 td{border:1px solid #fff; padding: 4px 0px 4px 0px; color: #222; line-height: 24px}
@media only screen and (max-width:1300px) {
.content_txt .table1 td{font-size: 14px;}
}

.content_txt h1{line-height: 1.5;}


.soso_box{max-width: 980px;width: 94%; margin: 0 auto;  display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap:wrap;align-items: center;}
.soso_bt{ overflow:hidden; font-size:18px; line-height: 190%}
.soso_bt span{ margin:0px 4px; color:#FF0000;font-size:18px;}
@media only screen  and (max-width: 1300px) {
.soso_bt span{ font-size:16px;}
}
@media only screen  and (max-width: 1000px) {
.soso_bt{font-size:14px;}
.soso_bt span{font-size:16px;}
.content_txt h1{font-size: 150%;}
}
@media only screen  and (max-width: 360px) {
.soso_box a{display: none;}
.soso_box{display: block;}
.soso_bt{text-align: center;}
}




.cx_jg_box{max-width: 980px;width: 94%; margin: 0 auto; overflow: hidden;background: #fff; padding: 40px 0px; position: relative;
    border: 5px double rgba(0, 0, 0, 0.1) }
.zscx_xxlist::before{ background: url(../images/logofbsedu.svg) no-repeat center; background-size:30% auto;
        content: "";width: 100%; height: 100%; position: absolute; z-index: 0;top:0;left:0; opacity: 0.3;}
        .cx_jg_box::before{width: 100%; height:30px; position: absolute; z-index: 0;top:0;left:0; content: "暫無信息"; text-align: center;font-size: 20px; color: #ddd;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            transform: translate(-50%, -50%);}



.cx_photo_k{overflow:hidden;margin:0px; margin-bottom: 20px;}
.cx_photo{max-width: 150px; height: auto; border: 1px solid #ddd;}
.cx_photo img{width: 100%; height: auto;vertical-align: top; padding: 2px;}

.zscx_xxlist{ width:90%; overflow:hidden;margin:0px; padding:0px; margin:0 auto; position: relative; z-index: 2;  background: #fff;}
.zscx_xxlist ul{margin:0px; padding:0px; overflow:hidden;position: relative; z-index: 4; }
.zscx_xxlist ul li{ line-height:26px; overflow:hidden; list-style:none; border-bottom:#ddd 1px  solid;width:48%; float:left;font-size:16px; padding: 6px 0px;}
.zscx_xxlist ul li:nth-child(2n-1){ width:48%; float:left;border-bottom:#ddd 1px  solid;overflow:hidden;  }
.zscx_xxlist ul li:nth-child(2n){ width:48%; float: right;border-bottom:#ddd 1px  solid;overflow:hidden; }
.zscx_xxlist ul li span{width: 140px; text-align: right;display: inline-block;}

.cx_sm_info{max-width: 980px;width: 94%;font-size: 16px; line-height: 200%; margin: 0 auto; padding: 20px;
border:1px solid rgba(247, 156, 156, 0.7);background: rgba(249, 243, 243, 0.7); }
@media only screen and (max-width:1300px) {
.cx_photo{max-width: 120px;}
.zscx_xxlist ul li{ line-height:24px;font-size: 14px;}
.cx_sm_info{font-size: 14px; }
.cx_jg_box{ padding: 30px 0px;}
}

@media only screen and (max-width:880px) {
    .zscx_xxlist ul li span{width: 115px; }
    .zscx_xxlist{ width:93%; }
}


@media only screen and (max-width:750px) {
    .zscx_xxlist::before{ background: url(../images/logofbsedu.svg) no-repeat left top; background-size:150px 150px;
        content: "";width: 100%; height: 100%; position: absolute; z-index: 3;top:12%;left:100px;opacity: 0.5;}

    .zscx_xxlist{ width:92%; }
    .cx_jg_box{ padding: 20px 0px;}
    .zscx_xxlist ul li span{width: auto; } 
    .zscx_xxlist ul li{ width: 100%;}
    .zscx_xxlist ul li:nth-child(2n-1){ width:100%; float:none;border-bottom:#ddd 1px  solid;overflow:hidden;  }
.zscx_xxlist ul li:nth-child(2n){ width:100%; float: none;border-bottom:#ddd 1px  solid;overflow:hidden; }
}



.ztyw_list{ margin:0px; padding:0px; overflow:hidden; margin-top: 10px}
.ztyw_list li{ margin:0px; padding:0px; overflow:hidden; float: left; width: 20%; margin-bottom: 20px}
.ztyw_list li dl{ margin:0px; padding:10px 10px 15px 10px; overflow:hidden; background: #f6f6f6;}
.ztyw_list li dl dt{ margin:0px; padding:0px;font-size: 16px; color: #222; line-height: 190%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom: 4px; text-align: center}
.ztyw_list li dl dd{ margin:0px; padding:0px; overflow:hidden;font-size: 14px; color: #666; line-height: 24px; height: 48px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.ztyw_list li a{ display:inline}
.ztyw_list li .imgs h3{ font-weight:normal; height:30px; line-height:30px; bottom:2%; position:absolute; left:0; width:100%;box-sizing: border-box;white-space:nowrap;text-overflow:ellipsis; color:#fff; font-size:16px; overflow:hidden; z-index:3; text-align: center; float: left; padding: 0px 10px;}

.ztyw_list li .imgs{ overflow:hidden; position:relative;  padding-top: 64% }
.ztyw_list li .imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}


.ztyw_list li .imgs::before{position: absolute; width: 100%; height: 10%; bottom:0;left:0;background: linear-gradient(to top, #020202 10%,#faad0700 100%);  z-index: 1; content: "";}
.ztyw_list li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.ztyw_list li:nth-child(1){width: 38.5%; margin-right: 1.5%}
.ztyw_list li:nth-child(2){width: 19%; margin-right: 1.5%}
.ztyw_list li:nth-child(3){width: 19%; margin-right: 1.5%}
.ztyw_list li:nth-child(4){width: 19%; }
.ztyw_list li:nth-child(5){width: 19%; margin-right: 1.5%}
.ztyw_list li:nth-child(6){width: 19%; margin-right: 1.5%}
.ztyw_list li:nth-child(7){width: 19%;}
.ztyw_list li:nth-child(1) .imgs{ overflow:hidden; position:relative;  padding-top:67% }
@media (max-width: 1300px) {	
.ztyw_list li:nth-child(1) .imgs{ overflow:hidden; position:relative;  padding-top:68% }
}
@media (max-width: 1100px) {	
.ztyw_list li:nth-child(1) .imgs{ overflow:hidden; position:relative;  padding-top:68.5% }
}
@media (max-width: 1000px) {	
.ztyw_list li:nth-child(1) .imgs{ overflow:hidden; position:relative;  padding-top:69% }
}

@media (max-width: 880px) {	
.ztyw_list li:nth-child(1) .imgs{ overflow:hidden; position:relative;  padding-top:64% }
.ztyw_list li{  margin-bottom: 15px}	

.ztyw_list li:nth-child(1){width: 49%; margin-right:2%}
.ztyw_list li:nth-child(2){width: 49%; margin-right:0%}
.ztyw_list li:nth-child(3){width: 32%; margin-right: 2%}
.ztyw_list li:nth-child(4){width: 32%; margin-right: 2%}
.ztyw_list li:nth-child(5){width: 32%; margin-right:0%}
.ztyw_list li:nth-child(6){width: 49%; margin-right:2%}
.ztyw_list li:nth-child(7){width: 49%;margin-right:0%}
}


@media (max-width: 600px) {	
.ztyw_list li{  margin-bottom: 10px}	
}


.base_link{overflow: hidden;margin: 0px;padding: 0px; margin-bottom: 20px;}
.base_link dl{overflow: hidden;margin: 0px;padding: 0px;margin-bottom: 10px;}
.base_link dl dt{overflow: hidden;margin: 0px;padding: 0px;color: #ffff;font-size: 20px; margin-bottom: 5px;font-weight: bold;}
.base_link dl dd{overflow: hidden;margin: 0px;padding: 0px;}
.base_link dl dd span{ margin-right: 10px; color: #ffff;}

.base_link dl dd a{  color: rgba(255,255,255,0.8);}
.base_link dl dd a:hover{  color: rgba(255,255,255,1);}