ul,
ol {
	padding: 0;
}

.banner {
	position: relative;
	overflow: auto;
	text-align: center;
}

.banner li {
	list-style: none;
}

.banner ul li {
	float: left;
}

#intro p {
	text-align: left;
}

#work .title {
	width: 100% !important;
}

#work a {
	text-decoration: none;
	position: relative;
	top: 0;
	text-shadow: 0px 0px 0px #999;
}

#work a:hover {
	text-decoration: none;
	top: -3px;
	text-shadow: 1px 1px 1px #337ab7;
}

.container h2 {
	font-size: 35px !important;
}

.img-responsive {
	width: 360px !important;
	height: 300px !important;
}

#intro .wightCon p {
	width: 100%;
	text-align: left;
	font-weight: bolder;
	text-shadow: 2px 2px 1px #C0C0C0;
}

#intro .wightCon .cp {
	margin-left: 63px;
	padding-top: 1px;
}

#portfolio .successeg {
	min-height: 100px;
	padding: 0;
	margin-bottom: 50px;
	width: 30%;
	box-shadow: 0 0px 0px #666;
	opacity: 0.8;
	transition: all 0.2s ease-in-out;
	text-shadow: 1px 1px 1px #666;
	margin: 0 1.5%;
	position: relative;
	top: 0;
	border-radius: 5px;
}

#portfolio .toother {
	text-shadow: 0px 0px 0px #666 !important;
}

#portfolio .successeg:hover {
	z-index: 1;
	box-shadow: 1px 2px 8px #666;
	text-shadow: 0px 0px 0px #666;
	top: -10px;
}

#portfolio .successeg .content {
	padding: 10px;
}

.red {
	background: #F96868;
}

.red p {
	color: #FCD1D1;
}

.blue {
	background: #62A8EA;
}

.blue p {
	color: #D4E8FC;
}

.green {
	background: #46BE8A;
}

.green p {
	color: #D6FAEA;
}

#home h1,
#home h2 {
	text-shadow: 1px 2px 2px #000;
}

#portfolio .successeg img {
	width: 100%;
	height: 200px;
	opacity: 0.8;
	border-radius: 5px 5px 0px 0px;
}

#portfolio .successeg p {
	text-align: left;
	font-family: "微软雅黑";
}

#portfolio .successeg h4 {
	font-family: "黑体";
	color: #FFF;
}

.map {
	width: 100%;
	height: 450px;
	background: #FFF;
	padding: 0;
	position: relative;
	border-top: 3px solid #FFF;
	background-image: url(../images/mapbg.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.map iframe {
	width: 100%;
	height: 450px;
}

.oursInfo {
	width: 30%;
	height: 347px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}

.oursInfo .oursInfoBg {
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 348px;
	background: #202020;
	opacity: 0.92;
	filter: alpha(opacity=92);
	margin-top: 50px;
	left: -30px;
	border-radius: 20px;
	box-shadow: -1px -3px 4px #916918;
	border: 1px solid #DB9303;
}

.oursInfo .oursInfoBg img {
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

.oursInfo .ours {
	line-height: 50px;
	width: 100%;
	height: 50px;
	text-align: left;
	padding: 0 30px;
}

.oursInfo .oursBox {
	position: relative;
	z-index: 101;
	width: 100%;
	font-family: "微软雅黑";
	font-size: 16px;
	margin: 50px 0;
	color: #DB9303;
	left: -30px;
	text-shadow: 1px 1px 2px #666;
}

.oursInfo .oursBox h3 {
	line-height: 100px;
	font-family: "微软雅黑";
	font-weight: bolder;
	color: #DB9303;
}

.more {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 111;
	width: calc(100% - 30px);
	height: 100%;
	text-align: center;
	display: none;
}

.morebg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	z-index: 110;
}

.more .abtn {
	display: inline-block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: relative;
	z-index: 112;
	top: 50%;
	margin-top: -20px;
	border-radius: 20px;
	text-decoration: none;
	color: #FFF;
	border: 2px solid #FFF;
}

.more .abtn:hover {
	background: #FF752B;
	border: 2px solid #FF752B;
}

.ywly {
	position: relative;
}

#Cooperative .row .wow {
	width: 212px !important;
	height: 127px !important;
	margin: 30px 10px;
	background: #FFF;
	box-shadow: 1px 2px 5px #333;
	border-radius: 10px;
}

#Cooperative .row img {
	width: 202px !important;
	height: 121px !important;
	margin: 3px 5px;
}

.contentBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	z-index: -10;
	zoom: 1;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center 0;
}

.containerBox {}

.pics {
	width: 400px;
	height: 258px;
	background: #ffffff;
	float: right;
	border-radius: 3px;
	box-shadow: 1px 2px 5px #CCC;
	margin: 20px 10px;
	cursor: pointer;
}

.pics>img {
	width: 390px;
	height: 220px;
	margin: 5px 5px 0px 5px;
	border-radius: 3px;
}

.pics .picsTitle {
	width: 390px;
	height: 28px;
	margin: 0 5px;
	border-radius: 0px 0px 5px 5px;
	text-align: left;
	padding-top: 3px;
	color: #2A97B8;
}

.pics .picsTitle>img {
	width: 26px;
	height: 26px;
	display: inline-block;
}
/***************公司首页轮播图*******************/
#b04 {
	width: calc(100% - 10px) !important;
	height: 200px !important;
}

#b04>ul>li>img{
	border-radius: 5px;
}

#b04 .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
}

#b04 .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #666;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}

#b04 .dots li.active {
	background: #fff;
	opacity: 1;
}

#b04 .arrow {
	position: absolute;
	top: 200px;
}

/***************公司图册大图查看器*******************/
#picBigBox{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	min-width: 1000px;
	display: none;
	
}
#picBigBox .picBigBoxBg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: #000000;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#picBigBox .picBigBoxCon{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1001;
}
#picBigBox .picBigBoxCon .bigPic{
	width: 90%;
	height: 80%;
	margin: 0 5%;
}
#picBigBox .picBigBoxCon .bigPic span{
	display:inline-block;height:100%; vertical-align:middle;
}
#picBigBox .picBigBoxCon .bigPic .bigPicImg{
	vertical-align:middle;
	max-width: 100%;
	max-height: 100%;
}
#picBigBox .picBigBoxCon .bigPic .leftPic{
	width: 30px;
	height: 50px;
	position: absolute;
	z-index: 1002;
	top: 50%;
	left: 20px;
	margin-top: -50px;
	cursor: pointer;
}

#picBigBox .picBigBoxCon .bigPic .rightPic{
	width: 30px;
	height: 50px;
	position: absolute;
	z-index: 1002;
	top: 50%;
	right: 20px;
	margin-top: -50px;
	cursor: pointer;
}

#picBigBox .picBigBoxCon .picList{
	width: 100%;
	height: 20%;
	background: #333;
	position:relative;
	overflow-y: hidden;
	overflow-x: auto;
	text-align: center;
}
#picBigBox .picBigBoxCon .picList ul{
	height: 100%;
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	display: inline-block;
}
#picBigBox .picBigBoxCon .picList ul li{
	height: calc(100% - 2px);
	width: 200px;
	background: #1B6D85;
	float: left;
	margin: 0 5px;
	cursor: pointer;
	list-style: none;
}
#picBigBox .picBigBoxCon .picList ul li img{
	width: 100%;
	height: 100%;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
#picBigBox .picBigBoxCon .picList ul li img:hover{
	opacity:1;
	filter: alpha(opacity=100);
}

#picBigBox #close{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
#picBigBox #close img{
	width: 100%;
	height: 100%;
}
.checkimg{
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	border: 1px solid #FFF;
}


/***************资质*******************/
.QualificationsBox{
	border: 1px solid #DCDCDC;
	width: 100%;
	margin: 10px 0;
	background: #FBFAFA;
	padding: 0 !important;
	border-radius: 5px;
	position: relative;
	z-index: 11;
}

.QualificationsBox .bgself{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
}
.QualificationsBox .q1{
	max-height: 100%;
	float: left;
	border:5px solid #FFF;
	border-radius: 5px 0px 0px 5px;
	margin-right: 10px;
}

.QualificationsBox .q2{
	max-height: 100%;
	float: left;
	border:5px solid #FFF;
	border-radius: 5px 0px 0px 5px;
	margin-right: 10px;
}
.QualificationsBox .content{
	text-align: left;
	margin: 10px;
}
.QualificationsBox .content h5{
	text-align: center;
}
.QualificationsBox .content p{
	text-indent: 2em;
	padding-left: 20px;
}
.QualificationsBox .content p .br{
	font-weight: bolder;
}
.QualificationsBox .content p .zw{
	padding-left: 9em;
}
.clear{
	clear: both;
}

.toother{
	color: #CCFFFF;
}
.toother:hover{
	color: #000066;
}

/**********滚动条***************/

html,
body,
div,
table,
iframe {
	/*三角箭头的颜色*/
	scrollbar-arrow-color: #CCC;
	/*滚动条滑块按钮的颜色*/
	scrollbar-face-color: #000;
	/*滚动条整体颜色*/
	scrollbar-highlight-color: #CCC;
	/*滚动条阴影*/
	scrollbar-shadow-color: #CCC;
	/*滚动条轨道颜色*/
	scrollbar-track-color: #CCC;
}

::-webkit-scrollbar {
	width: 5px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background-color: #CCC;
}


/* 滚动条的滑轨背景颜色 */

::-webkit-scrollbar-thumb {
	background-color: #000;
	border-radius: 2px;
}


/* 滑块颜色 */

::-webkit-scrollbar-button {
	background-color: #CCC;
}


/* 滑轨两头的监听按钮颜色 */

::-webkit-scrollbar-corner {
	background-color: #CCC;
}


/* 横向滚动条和纵向滚动条相交处尖角的颜色 */


/********/

.jbCss {
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.jbCss2 {
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}

.blur {
	-webkit-filter: blur(5px);
	/* Chrome, Opera */
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}