@font-face {
    font-family: 'Bebas';
    src: url('../fonts/Bebas.eot');
    src: url('../fonts/Bebas.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bebas.woff2') format('woff2'),
        url('../fonts/Bebas.woff') format('woff'),
        url('../fonts/Bebas.svg#Bebas') format('svg');
    font-display: swap;
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin: 0;}
ul,ol,dl,table,th,tr,td,input,textarea,li,a,div,span,em,i{margin: 0;padding: 0;	border: 0;}
img {margin: 0;padding: 0;	border: 0;}
li {list-style: none;}
/*全局样式*/
html,body {width: 100%;	margin: 0 auto;}
/*= 清除浮动=*/
.clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;overflow: hidden;display: block;}
.clearfix:after {content: "";display: block;height: 0px;clear: both;visibility: hidden;font-size: 0px;}
:focus{outline:0}
a, button, input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
/* End hide from IE-mac */
* + html .clearfix {min-height: 0%;}
/* 针对IE7 */
* + html .clearfix {min-height: 0%;}
.w100 {width: 100%;}
.fl {float: left;}
.fr {float: right;}
/*原文件配置*/
body {color: #333;background: #ffffff;font: 16px/30px 'Microsoft YaHei', arial, sans-serif;min-width: 320px;}
a { /*color: #000;*/
	text-decoration: none;
}
a:hover {color: #e69f0b;}
/*块级转化*/
.di_in {display: inline-block;}
.di_no {display: none;}
.di_bl {display: block;}
/*原文件配置  end*/
.Bebas {font-family: 'Bebas';}
/*纵向居中*/
.v_middle {vertical-align: middle;}
/*横向居中*/
.te_c {text-align: center;}
/*相对定位*/
.p_r {position: relative;}
/* 白色背景 */
.bgfff {background: #fff;}
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flex-v {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-warp{flex-flow: wrap}
.flex-column{flex-flow: column}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.transition{-webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}

.bg-gray{background-color: #f5f3f2;}

@media (min-width: 1200px) {
	/*min-width 1200 */
	.container{width: 1140px;margin-left: auto;margin-right: auto;}
}


/*全局样式 start*/
.header {
	background-color: #03b585;
}
.header .logo{height: 90px;}
.menu-btn{background: url(../images/menu.png)no-repeat center;width: 38px;height: 38px;display: none;}
.nav {
	background-color: #03b585;
}
.nav a{height: 44px;line-height: 44px;margin-right: 20px;color: #ffffff;}
.banner{overflow: hidden;}
.banner .text{position: absolute;z-index: 1;width: 100%;height: 100%;color: #fff200;font-size: 24px;font-weight: bold;line-height: 1.8;}
.banner .text span{font-size: 36px;padding-bottom: 10px;margin-bottom: 5px;}
.banner .text span::after{content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 36px;height: 5px;background-color: #fff200;}
.marks{width: 100%;height: 100%;background-color: #000;opacity: .5;position:fixed;display: none;z-index: 99;bottom: 0;}
.text-content{padding: 40px 0;line-height: 1.5;}
.text-content .content{margin-right: 40px;}
.text-content h2{font-size: 52px;}
.text-content h3{font-size: 28px;}
.text-content p{margin-top: 30px;font-size: 14px;line-height: 24px;}
.text-content .down{margin-top: 40px;}
	.text-content .down a:first-child {
		background-color: #03b585;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		padding: 0 30px;
		margin-right: 20px;
		font-size: 18px;
		font-weight: bold;
		font-family: arial;
	}
.text-content .down a:last-child{color: #5a8ce6;}
.text-content .pic img{width: 100%;}

.tree{margin-top: 10px;margin-bottom: 70px;}
.tree li {width: 100%; height: auto; overflow: hidden;margin-top: 10px;}

	/* url(../images/bg.jpg)no-repeat right center*/
	.tree .title {
		background: #f5f5f5;
		line-height: 60px;
		cursor: pointer;
		font-weight: bold;
		font-size: 26px;
		background-size: auto 100%;
	}
.tree .title span{font-size: 48px;font-weight: normal;width: 70px;margin-right: 15px;}
.tree .tree-content {display: none; width: 100%; height: auto;margin-top: 5px;padding: 10px;border: 1px #b5b5b5 solid;}
.tree .tree-content .pic{margin-right: 20px;}
.tree .tree-content .pic img{width: 100%;}
.tree .tree-content h4{font-size: 20px;}
.tree .tree-two .title ,.tree .tree-four .title {background: #222222 url(../images/bg1.jpg)no-repeat right center;color: #fff200;}

.about {
	background-color: rgb(204, 220, 200);
	padding: 70px 0;
}
.about .content{margin-right: 150px;}
.about h1{color: #000000;font-size: 36px;}
.about h1 img{margin-left: 15px;}
	.about .txt {
		color: #000000;
		padding-left: 40px;
		font-size: 14px;
	}
.about .txt p{margin-top: 30px;}
		.about .txt a { /*background-color: #fff200;
			color: #222;*/
			font-size: 20px;
			font-family: arial;
			font-style: italic;
			font-weight: bold;
			padding: 0 20px;
			border-radius: 20px;
		}

.event{padding: 70px 0;background-color: #c2c2c2;}
.event .title{font-size: 24px;font-weight: bold;line-height: 1.8;}
.event .title>div{font-size: 36px;padding-bottom: 10px;margin-bottom: 5px;}
.event .title>div::after{content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 36px;height: 5px;background-color: #222222;}
.event .text{border: 1px #222 solid;padding: 5px 20px;display: table;margin: 20px auto;}
.event .content{margin-top: 50px;}
.event .tit{font-size: 18px;line-height: 2;margin-top: 15px;}
.event .item{width: 31%;}
.event .pic{width: 100%;overflow: hidden;border-radius: 50%;background-color: #FFF;padding-top: 100%;}
.event .pic img{max-width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.event span{position: absolute;z-index: 1;right: 0;top: 30px;background-color: #fff200;font-size: 18px;font-weight: bold;width: 90px;height: 90px;border-radius: 50%;line-height: 90px;}


.copyright{font-size: 18px;line-height: 50px;}



/*全局样式 end*/

@media (min-width: 1025px) {
	/*所有hover写在这里面 兼容sofari的移动端不支持hover*/
	
}


@media (max-width: 1441px) {
	/*修改1441以下、小屏显示器*/
}

@media (max-width: 1199px) {
	/*修改1200以下、小屏显示器*/
	body{font-size: 14px;}
	.container{width: 100%;padding-left: 20px;padding-right: 20px;}
	.text-content .pic{width: 40%;}
	.text-content h2{font-size: 48px;}
	.text-content h3,.tree .title{font-size: 24px;}
	.tree .title span{font-size: 42px;}
	.about .content{margin-right: 100px;}
	.about .txt{padding-left: 0;}
	
}

@media (max-width: 1023px) {
	/*修改1024以下、平板*/
	.text-content h2{font-size: 40px;}
	.text-content h3{font-size: 20px;}
	.about .content{margin-right: 80px;}
	.event span{width: 60px;height: 60px;line-height: 60px;top: 5px;font-size: 14px;}
}

@media (max-width: 767px) {
	/*修改768以下、小屏平板*/
	.menu-btn{display: block;}
	.nav{width: 50%;height: 100%;background-color: #fff;position: fixed;z-index: 999;top: 0;right: -50%;padding-top: 30px;}
	.nav a{width: 100%;margin-right: 0;color: #333;}
	.about .content{margin-right: 50px;}
	.event span{width: 50px;height: 50px;line-height: 50px;}
}
@media (max-width: 580px) {
	.header .logo{height: 70px;}
	.header .logo img{height: 25px;}
	.banner img{height: 140px;}
	.banner .text{font-size: 18px;}
	.banner .text span{font-size: 24px;}
	.text-content h2,.tree .title span{font-size: 36px;}
	.text-content h3{font-size: 18px;}
	.tree .title{font-size: 20px;line-height: 50px;}
	.about .content{margin-right: 0;width: 100%;}
	.about .pic{width: 100%;margin-top: 30px;}
	.about h1{font-size: 28px;}
	.about h1 img{height: 28px;}
	.tree .tree-content .pic{margin-right: 0;width: 100%;}
	.text-content .pic{width: 100%;margin-top: 30px;}
	.text-content .content{margin-right: 0;width: 100%;}
	
}
@media (max-width: 424px) {
	/*修改425以下、普通的安卓手机屏*/
	.banner img{height: 120px;}
	.banner .text,.tree .tree-content h4,.text-content h3{font-size: 16px;}
	.banner .text span{font-size: 20px;}
	.text-content .down{font-size: 14px;margin-top: 30px;}
	.text-content .down a{padding: 0 20px;margin-right: 15px;font-size: 16px;}
	.tree .title{font-size: 16px;line-height: 40px;}
	.tree .title span{margin-right: 0px;font-size: 28px;width: 50px;}
	.about h1{font-size: 24px;}
	.about h1 img{height: 26px;}
	.text-content h2, .tree .title span{font-size: 28px;}
	.text-content .down a{font-size: 14px;}
}

@media (max-width: 374px) {
	/*修改375以下、iPhone5，4，等小屏手机*/
	.text-content h2, .tree .title span{font-size: 24px;}
}