﻿/*公用CSS*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0; padding: 0; border: 0; font-family: "微软雅黑";}

body{
margin:0 auto;
}
ul{
	list-style:none;
	}

a,a:visited {
	color: #333;
}

a:link,a:visited {
	text-decoration: none;
	outline: none;
}

a {cursor: pointer;}

img { vertical-align: top; border: 0; }

/*所有超链接不要下划线*/

*,*:after,*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
}

/*去除IOS自带按钮样式*/
input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}

textarea {  -webkit-appearance: none;}   

/*滚动条样式*/
/*
::-webkit-scrollbar{
            width:4px;
            background-color: #000;
          }
          ::-webkit-scrollbar-thumb{
            background-color: #c28900;
          }
*/




.left {float: left;}
.right {float: right;}


/*溢出隐藏显示省略号*/
.overflow_line{
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
	}
.overflow_block{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
	}


/*斜背景-条形背景*/
.bg_xie{ 
background: linear-gradient( 182deg, #fff 25%, #EEEEEE 0, #EEEEEE 50%, #fb3 0, #fb3 75%, #fff 0);
background-size: 100% 100%;
width:100%;
height:500px;
} 

/*圆角边框*/
.yuanjiao{border-radius: 15px;}


/*瀑布流*/
.pblbox{
	}
.pblbox ul{
	column-count: 2; column-gap: 0; 
	}
.pblbox ul li{
	width:152px;
	background:#FAFAFA;
	border:1px #F1F1F1 solid;
	margin-bottom:20px;
	break-inside: avoid; 
	box-sizing: border-box; 
	}

/*透明背景*/
.bg{background:rgba(0,0,0,.3); }

/*透明背景*/
	


/*图片比例*/
.img_16_9{
	padding-bottom: 56%;
    width: 100%;
    position: relative;
}	
.img_16_9 img{	
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;  }
.img_4_3{
	padding-bottom: 75%;
    width: 100%;
    position: relative;
	overflow: hidden;
}	
.img_4_3 img{	
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;  }
.img_1_1{
	padding-bottom: 100%;
    width: 100%;
    position: relative;
	overflow: hidden;
}	
.img_1_1 img{	
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;  }
/*图片比例*/


/*渐变背景*/
.jbbg{background: linear-gradient(to top right, #CDDC39 0%, #8BC34A 25%, #FFEB3B 100%);
}


/*渐变透明背景*/
.jbtm{
	background: #000;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);; /*FireFox*/
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  /* Opear */
    background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10及IE10+*/
}

/*缓慢变化动画*/
.huanman{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;

}


	


.bodyCon08{background:none}
.bodyCon08 .students{margin-left:15%;width:70%;height:280px;position:relative;float: left;}
.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}
#four_flash{position:relative;width:100%;height:200px; margin:0 auto;position:absolute;bottom:40px;}
#four_flash .flashBg{width:998px;height:200px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:200px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:300px;height:200px;margin-left:26px;}
/*#four_flash .flashBg ul.mobile li:hover{border:10px solid #dadce3; color:#999;}*/
#four_flash .flashBg ul.mobile li img{width:100%;height:162px;display:block; margin:0 auto;object-fit: cover;}
#four_flash .flashBg ul.mobile li dd{font-size:14px;width:100%;line-height:40px;color: #434343;text-align: center;}
#four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:250px; line-height:24px;margin-top:10px;}
/*#four_flash .flashBg ul.mobile li a{display:block;background:url(../images/jiantou.png);width:31px;height:31px;border:0px;margin:8px auto;}*/
#four_flash .flashBg ul.mobile li a:hover{background:url(../images/jiantou2.png);}
#four_flash .but_left{width:40px;height:60px;position:absolute; top:50px; left:0px;}
#four_flash .but_left img{width:100%;}
#four_flash .but_right{width:40px;height:60px; position:absolute; top:50px; right:0px;}
#four_flash .but_right img{width:100%;}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}



/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;width:100%;z-index:113;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#84c884;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	.box-1{
		width: 100%;
	}
.box-1 ul{
	width: 100%;
}
.box-1 ul li img{
	object-fit: cover;
}
