
/* CSS Document */
.about-nav{ background:#f5f5f5;}
.about-nav .content_box{ overflow:hidden;}
.about-nav a{ padding:25px 0; float:left; width:25%; border-right:1px solid #e9e9e9; display:block; font-size:16px; color:#666; text-align:center; box-sizing:border-box;}
.about-nav a:hover{ color:#0078d7;}
.about-nav a.cur{ color:#0078d7;}
.about-tit{ text-align:center; padding:30px 0 20px 0;}
.about-tit h2{ font-size:26px; color:#000;}
.about-tit h3{ font-size:11px; color:#b0b0b0; font-family:arial;}
.about-tit h4 span{ width:50px; height:2px; background:#0078d7; display:inline-block;}
.about-one{ background:#fff; padding-bottom:40px;}
.about-one p{ font-size:14px; color:#555; line-height:28px;}
.about-two{ background:#f8f9f9; padding-bottom:50px;}
.about-two .content_box{ max-width:1220px;}
.teamlist{ text-align:center;}
.team-item{ display:inline-block; width:300px; height:250px; background:#fff; margin:10px; box-sizing:border-box; box-shadow:0px 0px 10px #ddd;}
.team-item.mrlr1{ margin-left:60px; margin-right:60px;}
.team-item.bd1{ border:1px solid #3cb1fc;*float:left;}
.team-item.bd2{ border:1px solid #ff6d00;*float:left;}
.team-item.bd3{ border:1px solid #fb82a1;*float:left;}
.team-cont{ padding:20px;}
.team-cont h3{ text-align:left;line-height:60px; font-size:18px; color:#333; margin-bottom:15px;}
.team-cont h3 img{ vertical-align:middle; margin-right:20px;}
.team-cont p{ text-align:left;font-size:12px; color:#555; line-height:24px; max-height:96px; overflow:hidden;}
.about-three{ padding-bottom:50px; padding-top:20px;}
.about-three ul{ text-align:center; margin-top:40px;}
.about-three ul li{ display:inline-block; width:300px; height:250px; background:#fff;}
.about-three ul li h3{ margin-bottom:15px; text-align:left;}
.about-three ul li p{ font-size:12px; color:#3991c6; padding-left:10px; background:url(../image/picdot04.png) no-repeat 2px center; margin-bottom:10px; text-align:left;}
.about-three ul li p a{ color:inherit;}
.about-mdx .about-tit{ text-align:center; padding-top:0px;}
.about-onetxt{ float:left; width:100%;}
.about-oneimg{ float:right; width:33%; margin-top:20px;}
.about-oneimg img{ width:100%; max-width:400px;}
.about-contact{ overflow:hidden;}
.about-contact .mod1{ float:left; width:48%; margin-right:2%}
.about-contact .mod1 h3{ font-size:30px; color:#ffa11b; font-weight:bold; font-style:italic; font-family:arial; }
.about-contact .mod1 h4{ font-size:14px; color:#666; margin-bottom:10px;}
.about-contact .mod1 .tip1{ font-size:16px; color:#ffa11b; margin-bottom:10px;}
.about-contact .mod1 .tip2{ font-size:14px; color:#64bbff; padding-left:30px; background:url(../image/picemail01.jpg) no-repeat left center;}
.about-contact h2{ font-size:22px; color:#000; margin-bottom:10px;}
.about-contact .mod2{ float:left; width:48%; margin-right:2%}
.about-contact .mod2 .btnbox{ width:290px; overflow:hidden; margin-top:15px;}
.about-contact .mod2 .btnbox a{ cursor:pointer; display:inline-block; float:left; width:125px; height:32px; border:1px solid #cacaca;box-sizing:border-box; border-radius:32px; text-align:center; font-size:12px; color:#555; line-height:32px; margin-right:15px; margin-bottom:10px;}
.about-contact .mod2 .btnbox a i{ display:inline-block; padding-left:30px; background:url(../image/picqq01.png) no-repeat left center;}
.about-contact .mod2 .btnbox a:hover{ border-color:#ffa11b; color:#ffa11b;}



@media screen and (min-width: 1119px) and (max-width: 1240px)
{
	.about-mdx .content_box{ width:94%;}
	
}
@media(max-width:768px){
	.about-nav a{ font-size:14px;}
	.team-item{ width:100%; max-width:300px; margin:0; margin-bottom:15px;}
	.team-item.mrlr1{ margin-left:0; margin-right:0;}
	.about-onetxt{ width:100%;}
	.about-oneimg{ width:100%;}
}
@media(max-width:600px){
	.about-contact .mod1{ width:98%; margin-bottom:20px;}
	.about-contact .mod2{ width:98%;}
}

/**************新加***************************/
	.pull-left {
		float: left;
	}

	.pull-right {
		float: right;
	}

	.abdiv{
		width: 100%;
		background:url(../image/aboutbg.jpg) center;
	}

	.con{
		width: 100%;
		max-width: 1200px;
		margin: 0px auto;
      
	}

	.tac{
		text-align: center;
	}

	.tac>h2{
		font-size: 26px;
		color: black;
	}

	.tac>h3{
		font-size: 12px;
		color: #b0b0b0;
	}

	.pabo30{
		padding-bottom: 2.5%;
	}

	.overflow{
		overflow: hidden;
	}

	.abul{
		width: 50%;
		margin-top: 1.667%;
		padding-bottom: 3.75%;
	}

	.abul>li{
		cursor:pointer ;
		color: #454545;
		font-size: 12px;
		padding: 1% 0px 1% 30px;
	}

	.abul>li:hover{
		color: #c40202;
	}

	.abul>li>span{
		float: left;
		font-family: Arial;
		width: 60px;
		margin-right: 12px;
	}

	.sonabul{
		width: 42%;
		display: inline-block;
	}

	.dz{
		background:url(../image/dz.png) no-repeat 0px 4px;
	}

	.dh{
		background:url(../image/dh.png) no-repeat 0px 4px;
	}

	.yx{
		background:url(../image/yx.png) no-repeat 0px 4px;
	}

	.wz{
		background:url(../image/wz.png) no-repeat 0px 4px;
	}

	.sonabul>li{
		padding-bottom: 10px;
	}

	/*.img{
		width: 100%;
	}*/

	.abdiv1{
		width: 100%;
		background:url(../image/aboutbg1.jpg) center;
	}

	.abdiv2{
		width: 50%;
	}

	.logophone1{
       line-height:50px; font-size:12px;
		float: right;
		padding-left: 26px;
		background: url(../image/picmsg01.png) no-repeat left center;
        display:none;
        color:#666;
	}
 @media(max-width:320px){
	.logophone1{ padding-left:0px;background:none;font-size:11px}
}

	@media screen and (min-width: 1000px) and (max-width: 1200px){
		.abul{
			width: 40%;
			margin-left: 5%;
		}

		.sonabul{
			width: 70%;
		}
	}

	@media screen and (min-width: 850px) and (max-width: 1000px){
		.abul{
			width: 44%;
			margin-left: 2%;
		}

		.sonabul{
			width: 70%;
		}
	}

	@media screen and (min-width: 0px) and (max-width: 850px){
		.abul{
			width: 80%;
			margin: 0px 10%;
		}

		.abdiv2{
			display: none;
		}

		.sonabul{
			width: 55%;
		}
	}

