/* css reset*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body {
	font-size: 14px;
	background: #FFF;
	color: #333;
	font-family: "微软雅黑", "宋体", "Arial Narrow", HELVETICA;
}

a:link,
a:visited,
a:active {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

img {
	border: 0px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix:after {
	content: '';
	clear: both;
	display: block;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/*电脑端*/

.page {
	width: 1200px;
	margin: 0 auto;
	min-width: 1200px;
	overflow: hidden;
}

.clearfix {}


/*顶部公司+电话+公众号*/

.topnav {
	background: #363839;
	color: #FFFFFF;
	font-family: "宋体";
	height: 30px;
	line-height: 30px;
	min-width: 1200px;
}

.logo-box {
	padding: 10px 0;
}

.logoboxr ul li {
	float: left;
	color: #000;
	margin-left: 15px;
	vertical-align: middle;
	font-size: 18px;
	padding: 15px 0;
}

.logoboxr ul li.yellowfont {
	color: #ff8a00;
	font-size: 24px;
}

.logoboxr ul li img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}

.logoboxr ul li span {
	vertical-align: middle;
}
@media screen and (max-width: 800px) {

	
	
}

/*导航*/

.bluebk {
	background: #0d5abf;
	min-width: 1200px;
}

.bluebk .page ul {
	width: 100%;
}

.bluebk .page ul li {
	float: left;
	text-align: center;
	width: 12.5%;
	height: 50px;
}

.bluebk .page ul li a {
	display: block;
	font-size: 18px;
	line-height: 50px;
	color: #fff;
}

.bluebk .page ul li a:hover {
	background-color: #ffac13;
	text-decoration: none;
}

.app-nav {
	display: none;
}
@media  screen and (max-width:800px ) {
	.bluebk {
		position:absolute !important;
		z-index:99999999;
		width: 100%;
		min-width: 0;
		display: none;
	}
	.bluebk .page ul li {
		text-align: center;
		width: 100%;
		border-top: 1px solid #0B71E1;
		float: none;
	}
	.bluebk .page ul li a {
		display: block;
	}
}

/*幻灯片*/

.swiper-container {
	width: 100%;
	
}

.swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;

}

.swiper-container .swiper-wrapper .swiper-slide img {
	width: 100%;
}

.swiper-pagination-bullet-active {
	background: #dd2726;
}

.swiper-img2{
	display: none;
}
@media  screen and (max-width:800px ) {
	.swiper-img{
		display: none;
	}
	.swiper-img2{
		display: block;
	}  
}

/*简介*/

.aboutbg {
	width: 100%;
	min-width: 1200px;
	background: url(/images/aboutbg.jpg) no-repeat;
	background-size: cover;
	color: #fff;
	text-align: center;
	padding: 20px 0 30px 0;
	overflow: hidden;
	position: relative;
}
.mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2500px;
	background: rgba(0,0,0,0.3);
}
.aboutbg .page{
	position: relative;
	z-index: 5;
}
.aboutbg h1 {
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 10px;
}

.aboutbg h3 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 30px;
}

.aboutbg p {
	font-size: 18px;
	text-align: left;
	text-indent: 2em;
	line-height: 38px;
	padding-bottom: 40px;
}

.aboutbg a {
	font-size: 14px;
	color: #fff;
	background: #8a8a8a;
	display: inline-block;
	width: 178px;
	height: 38px;
	line-height: 38px;
}

.aboutbg span {
	display: inline-block;
	width: 38px;
	height: 38px;
	background: #ee4b4c;
	float: right;
}

.aboutbg a:hover {
	background: #FFAC13;
}
@media screen and (max-width: 800px) {
	.aboutbg {
		width: 100%;
		min-width: 0;
	}
	.aboutbg p {
		padding: 0 10px 40px 10px;
	}
}
/*版权*/
.copyright{
	min-width: 1200px;
	background: #1e2775;
	color: #c1c1c1;
	width: 100%;
	line-height: 55px;
	text-align: center;
	font-size: 12px;
}
.copyright p{display: inline-block;}
.copyright span{float: right;}
@media screen and (max-width: 800px) {
	.copyright{
		min-width: 0;
		padding: 10px 0;
		line-height: 26px;
	}
	.copyright p{display: inline-block;}
	.copyright span{float: none;}
	
	
	
	
	
}





/***************分页代码的CSS*******************/
.PageCss{ font-size:14px; color:#666;}
.PageGJTM{color:#900; padding:0 3px 0 3px; font-weight:bold;}
.PageLK:link,.PageLK:visited { margin-left: 4px;padding: 2px 3px;font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; text-decoration: none; border: 1px solid #C2D5E3; text-decoration: none; }
.PageLK:hover  { margin-left: 4px;padding: 2px 3px;font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; text-decoration: none; border: 1px solid #336699; text-decoration: none;}
.PageLKDQ:link,.PageLKDQ:visited,.PageLKDQ:hover { background-color:#E5EDF2; font-weight:bold; }
.PageLB{margin-left: 4px;padding: 2px 3px;border: 1px solid #C2D5E3; display:inline}
.PageLB input{ border: 1px solid #CCCCCC;width:30px; height:15px; }
/***************分页代码的CSS*******************/





/*尾部*/
.footerbg{
	background: #ececec;
	padding: 30px 0;
	}
.footerbg .link{
	width: 620px;
	float: left;
}
.footerbg .link dl{
	width: 104px;
	margin-right: 20px;
	text-align: center;
	line-height: 26px;
	float: left;
}
.footerbg .link dl dt{
	padding-bottom: 20px;
	margin-bottom: 20px;
	color: #535353;
	font-size: 16px;
	border-bottom: 1px solid #d2d1d1;
	
}
.footerbg .link dl dd a{
	font-size: 14px;
	color:#bababa;
}

.footerbg .contact{
	width: 340px;
	float: left;
	color: #535353;
	line-height: 26px;
}
.footerbg .contact dl{
	margin-bottom: 30px;
}
.footerbg .contact dl dt{
	float: left;
}
.footerbg .contact dl dd{
	margin-left: 85px;
}
.footerbg .link dl dd a:hover{
	color: #FF8A00;
}
.footerbg .map{
	width: 240px;
	float: right;
	text-align: center;
}
@media screen and (max-width: 800px) {
	.footerbg .link{
		width: 100%;
		padding-left: 10px;
		display: none;
		
	}
	.footerbg .contact{
		width: 100%;
	}
	.footerbg .contact dl{
		width: 80%;
		margin: 0 auto;
		padding: 15px 0;
	}
	.footerbg .map{
		width: 100%;
	}
	
	
}

/*产品展示*/
.producttitle h1{
	background: url(/images/titlebg.png) no-repeat left 70px;
	
}
.tagbtn{
	text-align: center;
}
.tagbtn a{
	display: inline-block;
	background: #ffac13;
	color: #fff;
	text-align: center;
	margin: 5px;
	padding: 4px 10px;
	font-size: 22px;
	
}
.tagbtn a:hover{
	background: #cb121d;
}


.protucelist,.strengthlist{
	margin:30px 0 30px 0;
	width: 1300px;
}
.protucelist li{
	float: left;
	margin-right: 20px;
	width:285px;
	text-align: center;
	font-size: 18px;
	color: #3e3e3e;
	line-height: 30px;
	margin-bottom:30px;
	
}
.protucelist li img{
	width: 285px;
	height: 224px;
	display: block;
	
}
.protucelist li p{
	height: 34px;
	line-height: 34px;
}
.strengthlist li{
	float: left;
	width: 265px;
	text-align: center;
	margin: 0 18px;
}
.protucelist li a,.strengthlist li a{
	display: inline-block;
}
.protucelist li a:hover p{
	color: #020202;

}
.strengthlist li a:hover p{
	background: #000;

}
.strengthlist li img{
	width: 265px;
	display: block;
}
.strengthlist li p{
	background: #666;
	color: #fff;
	height: 40px;
	font-size: 14px;
	line-height: 40px;

	
}


@media screen and (max-width: 800px) {
	.producttitle h1{
		background: none;
	}
	.protucelist,.strengthlist{
		width: 100%;
		margin-left:1% ;
	}
	.protucelist li,.strengthlist li{
		width: 48.5%;
		margin: 0 0 20px 0;
		margin-right: 1%;
	}
	.protucelist li img,.strengthlist li img{
		width: 100%;
		height: 150px;
		
	}
	
}




/*新闻*/
.graybg{
	background: #f5f5f5;
	padding: 30px 0 40px 0;
}
.graybg .newtitle,.newtitle a{
	font-size: 28px;
	color: #1e2775;
	margin-bottom: 10px;
	font-weight: normal;
}
.graybg .newtitle span{
	font-size: 22px;
	color: #d0d1dc;
	padding-left: 10px;
}
.graybg .newleft,.graybg .newright{
	width: 48%;
	float: left;
	padding-right: 2%;
}


.graybg ul li{
	line-height: 30px;
	text-indent: 0.8em;
	padding: 10px 0;
	background: url(/images/libg.png) no-repeat left 22px;
}
.graybg ul li a{
	color: #66667d;
	font-size: 18px;
	width: 98%;
	display: inline-block;
}
.graybg ul li a:hover{
	color: #FF8A00;
}
.graybg ul li span{
	float: right;
}
@media screen and (max-width: 800px) {
	.graybg .newleft,.graybg .newright{
	width: 94%;
	padding: 0 3%;
}


.graybg ul li{
	line-height: 22px;
}

	.culture li{
		float: none;
		width: 100%;
		margin-bottom: 20px;
		height: 100px;
		padding-top: 20px; 
	}
	
	
}


.txtareabk{ 
	border: 1px solid #EBEBEB; margin-top:10px; margin-bottom:10px; min-height:300px;
}


.FenGeXian{	border-top: 1px solid #EBEBEB;}
.TitleClass{ font-size: 150%; font-weight: bold; text-align:center; }
.FaBuShiJian{background-color: #F5F5F5;overflow: hidden;border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;height: 28px;line-height: 28px;text-align:center;}
.TextClass{ font-size: 120%; line-height: 30px; margin: 0; padding: 0 5% 15px 5%; text-align: left; overflow: hidden; }
.TextClass p{margin-bottom: 25px;}
.TextClass img{margin: 0px; padding:0px; max-width:800px;_width:expression(this.width > 800 ? "800px":this.width); }

@media screen and (max-width: 800px) { 
	.TextClass img{ margin: 0px; padding:0px; width: 100%; max-width:700px;_width:expression(this.width > 700 ? "700px":this.width); }
	.TextClass p{margin:0px;margin-bottom: 25px; padding:0px; text-indent:0px !important;}
	.TextClass img{max-width:100%;overflow:hidden; width:100%;}
	.TextClass iframe{width:100%;height:250px;}
} 
/* css注释：设置了浏览器宽度小于800px */ 


.RiZhiTitle{background-color: #F5F5F5;overflow: hidden;border-top: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;height: 25px;line-height: 22px; font-size: 130%; font-weight: bold;padding: 5px 0 5px 0; text-align:center}

#FuJianList{padding: 5px 5% 0 5%; text-align: center;overflow: hidden}
#FuJianList li{float: left; border: 1px solid #EBEBEB; height: 48px; width: 47%; font-size:14px; margin: 0 1% 2% 10px;}
@media screen and (max-width: 800px) {
	#FuJianList li{float: left; border: 1px solid #EBEBEB; height: 43px; width: 99%; font-size:14px; margin: 2px 0 2% 0;}
} 
#FuJianList li a {display: block; padding: 5px;text-align: left;}
#FuJianList li a:hover,#FuJianList li a:checked {background-color:#F5F5F5}
#FuJianList li p {font-size: 14px;color:#2E08B1;text-align: left;font-weight: bold;}
#FuJianList li span {font-size: 14px;color: #999;text-align: left;}











/*粤美文化*/
.bluetitle{font-size: 36px;color: #1e2775;font-weight: normal;text-align: center;padding-top: 46px;}
.blueprofile{font-size: 22px;color: #d0d1dc;font-weight: normal;text-align: center;margin-bottom: 30px;}

.culture{width: 1300px;margin-bottom: 50px;}
.culture li{float: left;margin-right: 45px;width: 375px;height: 200px;padding-top: 100px; color: #fff;text-align: center;}
.culture li h3{
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 20px;
}
.culture li h3 span{
	font-size: 18px;
}
.culture li p{
	line-height: 30px;
}
.culture li.one{
	background: #b0423b;
}
.culture li.two{
	background: #034a76;
}
.culture li.there{
	background: #313133;
}
@media screen and (max-width: 800px) {
	
	.bluetitle{font-size: 36px;color: #1e2775;font-weight: normal;text-align: center;padding-top: 20px;}
	.blueprofile{font-size: 22px;color: #d0d1dc;font-weight: normal;text-align: center;margin-bottom: 10px;}



	.culture{
		width: 100%;
		margin-bottom: 20px;
	}
	.culture li{
		float: none;
		width: 100%;
		margin-bottom: 10px;
		
	}
	
	.culture li{height: 130px;padding-top: 20px; color: #fff;text-align: center;}

	
	
}
/*校企合作*/
.cooperbox{
	margin-bottom: 40px;
}
.cooperbox li{
	width: 193px;
	float: left;
	text-align: center;
	margin-right: 7px;
}
.cooperbox li .round{
	width: 154px;
	height: 154px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.cooperbox li h3{
	font-size: 20px;
	color: #000;
	font-weight: normal;
	padding: 20px 0 10px 0;
}

.cooperbox li p{
	font-size: 14px;
	color: #303030;
}
.cooperbox li:hover h3,.cooperbox li:hover p{
	color: #FFAC13;
}

@media screen and (max-width: 800px) {
	.cooperbox li{
		width: 50%;
		margin:0 0 50px 0;
	}
	.cooperbox li p{
		width: 90%;
		margin: 0 auto;
	}
	
}










/*手机端*/

@media screen and (max-width: 800px) {
	.page {
		width: 100%;
		min-width: 0;
	}
	.topnav,
	.logoboxr,
	.logo,
	.swiper-button-prev,
	.swiper-button-next{
		display: none;
	}
	.logo-box {
		padding: 0;
	}
	/*手机端顶部*/
	.app-nav {
		display: block;
		height: 54px;
		background-color: #0854a8;
	}
	.leftback {
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0;
		vertical-align: middle;
		color: #fff;
	}
	.leftback i{
		font-size: 28px;
		display: inline-block;
		width: 30px;
		height: 30px;
		padding: 12px;
	}
	.app-nav h1 {
		text-align: center;
		color: #fff;
		font-size: 24px;
		line-height: 54px;
		margin: 0 50px;
		font-weight: normal;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.indexmenu {
		position: absolute;
		right: 0;
		top: 0;
		padding: 7px;
	}
	.indexmenu i{
		font-size: 28px;
		text-align: center;
		display: inline-block;
		width: 30px;
		height: 30px;
		padding: 5px;
	} 

}