﻿@charset "UTF-8";
img {
	max-width: 100%;
}
/* about */
.aboutWarp{
	width: 100%;
	padding: 80px 0;
	background: #fff;
}
.aboutWarp .container{
	max-width: 1200px;
	position: relative;
	margin: 0px auto !important
}
/* 公司简介 */
.CompanyProfile{
	width: 100%;
	padding-bottom: 60px;
} 
.CompanyProfile .content{
	width: 1200px;
	float: left;
	position: relative;
	margin: 0px;
}
.CompanyProfile .content::after{
	content: "";
	width: 245px;
	height: 144px;
	background: url(../images/gsjj-back1.png) no-repeat center center;
	top: -42px;
	left: -212px;
	position: absolute;
}
.CompanyProfile .sub{
	font-size: 20px;
	color: #bd0002;
	line-height: 36px;
	margin-top: 0px;
}
.CompanyProfile .cont{
	font-size: 16px;
	color: #777777;
	line-height: 28px;
	margin-top: 10px;    
    overflow-y: auto;
    padding-right: 25px;
}
.CompanyProfile .cont strong{
	color: #555555;
}
.CompanyProfile .numbox{
	overflow: hidden;
	margin-top: 30px;
}
.CompanyProfile .numbox .list{
	float: left;
	position: relative;
	margin-right: 60px;
}
.CompanyProfile .numbox .list::after{
	content: "";
	width: 14px;
	height: 26px;
	background: url(../images/gsjj-xg.png) no-repeat center center;
	position: absolute;
	right: -35%;
	top: 55%;
	z-index: 100;
}
.CompanyProfile .numbox .list:last-child::after{
	display: none;
}
.CompanyProfile .numbox .list .en{
	font-family: arial;
	font-size: 17px;
	color: #888888;
	margin-bottom: 6px;
}
.CompanyProfile .numbox .list span{
	font-family: helve;
	font-size: 42px;
	color: #bd0002;
	line-height: 50px;
	display: inline-block;
	font-weight: bold;
}
.CompanyProfile .numbox .list .cn{
	font-size: 15px;
	color: #777777;
	margin-top: 16px;
}
.CompanyProfile .numbox .list:last-child{
	margin-right: 0;
}
.CompanyProfile .pic{
	width: 450px;
	float: right;
	margin-right: 118px;
	position: relative;
	z-index: 101;
    border: 1px solid #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.CompanyProfile .container::after{
	content: "";
	position: absolute;
	width: 320px;
	height: 646px;
	background: url(../images/gsjj-back2.png) no-repeat center center;
	background-size: cover;
	right: 0px;
	z-index: 0;
	bottom: -220px;
}
/* 企业文化 */
.CorporateCulture{
	width: 100%;
	position: relative;
	background: #f6f6f6;
	padding: 80px 0px;
	overflow: hidden;
}
.CorporateCulture::after{
	content: "";
	position: absolute;
	width: 485px;
	height: 253px;
	background: url(../images/qywh-back2.png) no-repeat center center;
	right: 0;
	bottom: 8px;
	z-index: 1;
}
.CorporateCulture .container{
	position: relative;
	z-index: 99;
}
.CorporateCulture .titleBox{
	float: left;
	width: 180px;
	position: relative;
	top: 35px;
}
.CorporateCulture .about-tit{
	color: #333333;
}
.CorporateCulture .titleBox .sub{
	font-size: 16px;
	color: #666666;
	left: 30px;
	margin: 28px 0 50px;
}
.CorporateCulture .titleBox img{
	max-width: 80px;
}
.CorporateCulture .row{
	width: 80.276816608%;
	float: right;
	position: relative;
	z-index: 101;
} 
.CorporateCulture .col-xs-12{
	width: 315px;
}
.qywh-list{ 
	box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, .1);
	border-radius: 0px;
	position: relative;
	overflow: hidden;
	padding: 35px 35px 15px 35px;
	transition: all .5s ease;
	z-index: 99;
	background: #fff;
}
.qywh-list::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background: #bd0002;
	top: 0;
	left: 0;
}
.qywh-list.list2::after{
	background: #bd0002;
}
.qywh-list.list3::after{
	background: #bd0002;
}
.qywh-list .ico{
	width: 90px;
	height: 90px;
	background: url(../images/032301.png) no-repeat center center;
	background-size: cover;
	text-align: center;
	line-height: 90px;
	border-radius: 50%;
    overflow: hidden;
    border: 3px solid #bd0002;
}
.qywh-list.list2 .ico{
	background: url(../images/032302.png) no-repeat center center;
	background-size: cover;
}
.qywh-list.list3 .ico{
	background: url(../images/032303.png) no-repeat center center;
	background-size: cover;
}
.qywh-list .ico i{
	color: #fff; 
	font-size: 48px;
}
.qywh-list .cn{
	font-size: 28px;
	line-height: 32px;
	color: #bd0002;
	margin: 28px 0 10px;
}
.qywh-list.list2 .cn,
.qywh-list.list2 .en{
	color: #bd0002;
}
.qywh-list.list3 .cn,
.qywh-list.list3 .en{
	color: #bd0002;
}
.qywh-list .en{
	font-family: arial;
	font-size: 18px;
	left: 25px;
	color: #bd0002;
}
.qywh-list .sub{
	font-size: 14px;
	color: #555555;
	line-height: 20px;
	margin: 10px 0 25px;
	height: 70px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.qywh-list .enBig{
	font-family: arial;
	font-size: 150px;
	color: #dddddd;
	line-height: 150px;
	position: relative;
	left: -8px;
}

.about-tit{
	font-size: 32px;
	line-height: 50px;
	color: #bd0002;
}
.about-tit span{
	display: inline-block;
	position: relative;
}
.about-tit span::after{
	content: "";
	position: absolute;
	width: 13px;
	height: 13px;
	background: url(../images/sy-tit-dot.png) no-repeat center center;
	right: -14px;
	top: 0px;
}
/*pageLink*/
.environment{padding-top: 80px;}
.pageLink{width: 100%;transition: all 0.6s ease;}
.scoll{position: fixed;bottom:40%;left: 0;z-index: 9999;transition: all 0.6s ease;}
.pageLink .box{width: 96%;position: relative; margin: auto ;}
.pageLink .box a{display: inline-block;position: relative; width: 50px; font-size: 14px;line-height:20px;color: #fff;box-sizing: border-box;padding: 15px ;border-radius: 25px;background-color: rgba(0,0,0,0.5);opacity: 0.3;filter:alpha(opacity=30);transition: all 0.6s ease; overflow: hidden;}
.pageLink .box a .iconfont{font-size: 16px;line-height:20px; width: 20px; text-align: center;  }
.pageLink .box a span{ display: inline-block;  transition: all 0.6s ease;  position: absolute; top: 0; line-height: 50px; transform: scaleX(0); }
.pageLink .box a.fr{ right: 4%;  }
.pageLink .box a.fr span{ left: 15px;}
.pageLink .box a.fl{ left: 4%;}
.pageLink .box a.fl span{ right: 15px;}
.pageLink .box a.fl .iconfont{transform: rotate(-180deg);}
.pageLink .box a.fr .iconfont{ float: right;}
.pageLink .box a:hover{background-color: #1f8282;opacity: 1;filter:alpha(opacity=100); width: 90px;}
.pageLink .box a:hover span{  transform: scaleX(1);}
.pageLinkOn{bottom: 14%;transition: all 0.6s ease;}
.pageLinkOn .box a.fr{ right: 1%;}
.pageLinkOn .box a.fl{ left: 1%;}


.sy_section7{width: 100%;overflow: hidden;}
.sy_section7 ul{width: 100%;overflow: hidden;display:flex; flex-wrap: wrap; align-items: flex-start;}
.sy_section7 ul li{width: 25%;float: left;padding: 0 45px; border-right: 1px solid #e3e3e3;}
.sy_section7 ul li:nth-child(1){border-left: 1px solid #e3e3e3}
.sy_section7 ul li img{display: block;width: 73px;margin: 0 auto 28px auto;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section7 ul li:hover img{
transform: scale(0.95);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
-ms-transform: scale(0.95);}
.sy_section7 ul li .tit{font-size: 20px;color: #494949;line-height: 24px;text-align: center;margin-bottom: 10px;}
.sy_section7 ul li .info{font-size: 14px;color: #9d9d9d;line-height: 24px;text-align: center;height: 50px;}
.clear{
	clear: both;
}