/*头部*/





/*$$

{"color":[{"val":"#ffffff","title":"标题英文颜色"},{"val":"#4a4a4a","title":"标题中文颜色"},{"val":"#686868","title":"标题第二行颜色"},{"val":"#323232","title":"左侧字体颜色"},{"val":"#494949","title":"查看更多颜色"}],"background":[{"val":"#f2e117","title":"左侧背景色"},{"val":"#aaa","title":"导航鼠标滑过颜色"}],"border":[]}

$$*/





/*关于我们*/



#about_155 {

	width: 100%;

	background: url(/static/images/about_02_01.png) no-repeat top center;

}



#about_155 .aboutBig {

	width: 1200px;

	margin: auto;

}



#about_155 .aboutTitle {

	width: 100%;

	margin: auto;

	padding-top: 50px;

	box-sizing: border-box;

}



#about_155 .aboutTitleEn {

	font-family: arial;

	font-weight: bold;

	line-height: 60px;

	font-size: 59.08px;

	color: #ffffff;

	text-align: center;

	position: relative;

	z-index: 2;

}

#about_155 .aboutTitleChA {

	font-weight: bold;

	font-family: "微软雅黑";

	font-size: 28px;

	line-height: 33.34px;

	color: #4a4a4a;

	text-align: center;

	position: relative;

	z-index: 3;

	margin-top: -30px;

}



#about_155 .aboutTitleChB {

	font-size: 14px;

	line-height: 36px;

	color: #686868;

	text-align: center;

	margin-top: 10px;

}



#about_155 .aboutBody {

	width: 100%;

	height: 290px;

}



#about_155 .aboutBodyLeft {

	width: 66.7%;

	background: #7699b5;

	padding-left: 50px;

	padding-top: 35px;

	padding-right: 35px;

	padding-bottom: 53px;

	box-sizing: border-box;

	float: left;

	height: 100%;

}



#about_155 .aboutBodyLeft p {

	font-size: 14px;

	line-height: 36px;

	color: #fff;

}



#about_155 .aboutBodyLeft .seeMore {

	width: 16%;

	border: #fff 1px solid;

	font-size: 14px;

	line-height: 33px;

	text-align: center;

	margin-top: 30px;

}



#about_155 .aboutBodyLeft .seeMore a {

	color: #fff;

	display: block;

	position: relative;

	transition: all 0.6s;

	overflow: hidden;

	width: 100%;

	height: 100%;



}





#about_155 .aboutBodyLeft .seeMore a:hover .bgsqr1{ border-width:50px 260px;}

#about_155 .aboutBodyLeft .seeMore a:hover .bgsqr2{ border-width:50px 260px;}

#about_155 .aboutBodyLeft .seeMore a span{

	    position: relative;

    z-index: 1;

}

#about_155 .aboutBodyLeft .seeMore a .bgsqr1{

	    content: '';

    width: 0;

    height: 0;

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

    border-style: solid;

    border-width: 0;

    border-top-color: transparent;

    border-right-color: transparent;

    border-bottom-color: transparent;

    border-left-color: #fff;

    position: absolute;

    bottom: 0;

    left: 0;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}

#about_155 .aboutBodyLeft .seeMore a  .bgsqr2{

	    content: '';

    width: 0;

    height: 0;

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

    border-style: solid;

    border-width: 0;

    border-top-color: transparent;

    border-left-color: transparent;

    border-bottom-color: transparent;

    border-right-color: #fff;

    position: absolute;

    top: 0;

    right: 0;

    -webkit-transition: all 0.6s;

    transition: all 0.6s;

}





#about_155 .aboutBodyRight {

	width: 33.3%;

	float: right;

	height: 100%;

	overflow: hidden;

}



#about_155 .aboutBodyRight img {

	width: 100%;

	height: 100%;

	object-fit: cover;



}



@keyframes aboutBodyRight_ani{

	0%{ transform: scale(1.0); }

	100%{ transform: scale(1.3); }

}



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

	#about_155 .aboutBig {

		width: 96%;

	}

	#about_155 .aboutBody{

		height: 240px;

	}

	#about_155 .aboutBodyLeft{

		padding: 50px 45px;

	}

	#about_155 .aboutBodyLeft p {

		line-height: 36px;

	}

}





/* ipad */



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

	#about_155 .aboutBig {

		width: 90%;

	}

	#about_155 .aboutTitle {

		width: 100%;

	}

	#about_155 .aboutBodyLeft {

		width: 55%;

		/* padding-top: 15px !important; */

		/* padding-bottom: 10px !important; */

	}

	

	#about_155 .aboutBodyLeft .seeMore {

		width: 40%;

		margin-top: 10px;

	}

	#about_155 .aboutBodyRight {

		width: 45%;

	}

}





/* 手机 */



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

	#about_155 {

		padding-bottom: 0;

	}

	#about_155 .aboutBig {

		width: 100%;

	}

	#about_155 .aboutBody{

		height: auto;

	}

	#about_155 .aboutBodyLeft {

		width: 100%;

		padding: 20px;

	}

	#about_155 .aboutBodyRight {

		width: 100%;

		height: 250px;

	}

	#about_155 .aboutTitle {

		width: 100%;

		margin: auto;

		padding-top: 0;

	}

	#about_155 .aboutBodyLeft .seeMore {

		width: 30%;

		margin: 20px auto 0;

		line-height: 30px;

	}

	#about_155 .aboutTitleEn {

		font-size: 36px;

	}

	#about_155 .aboutBodyLeft p {

		font-size: 12px;

		line-height: 26px;

	}

	#about_155 .aboutTitleChA{

		font-size: 22px;

	}

	#about_155 .aboutTitleChB{

		margin-top: 0;

	}

}