@CHARSET "UTF-8";
html, body {
	min-height: 100%;
	_height: 100%;
	position:relative;
}

.e-comp-sub-top {
	position: absolute;
  	width: 184px;
  	top: 20%;
  	left: 0.9%;
}

.e-comp-sub-top img {
	width:95%;
}

.e-comp-sub-left {
	position: absolute;
 	width: 156px;
  	top: 45%;
 	left: 3.5%;
}

.e-comp-sub-left img {
	width:90%;
}

.e-comp-sub-right {
	position: absolute;
  	width: 107px;
  	top: 42%;
  	right: 5.75%;
}

.e-comp-sub-right img {
	width:95%;
}


.e-ba-main {
	margin-top: 52px;
	margin-bottom: 80px;
	min-height: 600px;
	_height: 600px;
	float: none;
}

.e-ba-content {
	width: 75%;
	margin-left: 12.5%;
	padding: 0 0 60px 0;
	float: none;
	min-height:800px;
	position:relative;
	z-index: 1;
	background-color:#fff;
	-moz-box-shadow: -2px 2px 15px 2px rgba(214,240,255,1);
	-webkit-box-shadow: -2px 2px 15px 2px rgba(214,240,255,1);
  	box-shadow: -2px 2px 10px 2px rgba(214,240,255,1);
}

.e-ba-bk {
	margin-left: 12.5%;
	margin-top: 74px;
	padding: 0;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	font-size: 12px;
}

.e-ba-bk-title {
	width: auto;
	padding: 12.5px 16px;
	float: left;
	color: #fff;
	background-color: rgba(9,129,194,1);
}

.e-ba-triangle-right {
	border-top:21px solid transparent;   
	border-bottom: 21px solid transparent;   
	border-left: 21px solid rgba(9,129,194,1);
	float: left;
}

.e-ba-triangle-left {
	border-top:21px solid rgba(9,129,194,1);   
	border-bottom: 21px solid rgba(9,129,194,1);   
	border-left: 21px solid transparent;
	float: left;
	margin-left: -18px;
}

.e-ba-bk-title:hover {
	-moz-box-shadow: inset 2px 2px 15px 2px rgba(9,129,194, 0.8),inset -2px -2px 15px 2px rgba(9,129,194, 0.8);
	-webkit-box-shadow: inset 2px 2px 15px 2px rgba(9,129,194, 0.8),inset -2px -2px 15px 2px rgba(9,129,194, 0.8);
  	box-shadow: inset 2px 2px 15px 2px rgba(9,129,194, 0.8),inset -2px -2px 15px 2px rgba(9,129,194, 0.8);
}

.e-comp-tit {
	padding: 20px 28px 10px;
	position: relative;
}

.e-comp-tit>h2, .e-comp-top-tit>h4 {
	font-family: SimSun, Arial, sans-serif, Microsoft YaHei, Tahoma, Helvetica;
	color: rgba(0,0,0,0.75);
}

.e-comp-ind, .e-comp-top-tit, .e-comp-bottom-tit, .e-comp-bottom-ind, .e-comp-top-ind  {
	padding: 10px 100px;
	line-height: 1.7em;
	font-size: 13px;
	font-family: SimSun, Arial, sans-serif, Microsoft YaHei, Tahoma, Helvetica;
	color: rgba(0,0,0,0.75);
}

.e-comp-ind {
	padding: 0 28px;
}

.e-comp-img {
	padding: 10px 0;
}

/** width more than 1046px, height more than 580px **/
.item {
	max-height: 580px;
}

#e_comp_img {
	width: 100%;
}

.e-comp-s-img {
	padding: 0 28px 15px;;
	position: relative;
	overflow:hidden;
}

.e-comp-top-tit, .e-comp-bottom-tit {
	padding-top: 15px;
}

.e-comp-top-tit, .e-comp-bottom-tit {
	padding-bottom: 0;
}

.e-comp-bottom-ind {
	padding-bottom: 50px;
}

.e-img-l, .e-img-c, .e-img-r {
	margin: 10px 4.16%;
	width:25%;
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	border-radius: 50%;
	float: left;
}

.e-comp-con {
	padding: 0 28px 70px;
	overflow: hidden;
}

.e-comp-map {
	float: right;
}

.e-comp-address, .e-comp-email, .e-comp-tel {
	margin: 10px 4.16%;
	width:25%;
	float: left;
	padding-top: 10px;
	text-align: center;
	line-height: 2.5em;
	word-break:break-all;
}

.e-comp-bg-one {
	position:absolute;
	bottom:-25px;
	-moz-box-shadow: -2px 2px 15px 2px rgba(214,240,255,1);
	-webkit-box-shadow: -2px 2px 15px 2px rgba(214,240,255,1);
  	box-shadow: -2px 2px 10px 2px rgba(214,240,255,1);
  	min-height: 25px;
}

.e-comp-bg-two {
	position:absolute;
	bottom:-50px;
	-moz-box-shadow: -2px 2px 15px 2px rgba(214,240,255,1);
	-webkit-box-shadow: -2px 2px 15px 2px rgba(214,240,255,1);
  	box-shadow: -2px 2px 15px 2px rgba(214,240,255,1);
  	min-height: 24px;
}

.e-comp-foot {
	float:none;
	margin: 0 0 0 0;
	margin: -57px 0 -65px 0;
  	padding: 0 0 0 0;
}

.e-comp-foot img {
	width: 100%;
}

.cs-main {
	margin-top: 70px;
	margin-bottom: 50px;
	min-height:600px;
	float: none;
}

.resize-lg-img {
	width:100%;
	height:100%;
	margin: 0;
}

.resize-md-img {
	width:100%;
	height:100%;
	margin: 0;
}

.resize-sm-img {
	width:100%;
	height:10%;
	margin: 0;
}

.row {
	float: none;
	padding: 0;
}

.comp-lg-img {
	padding: 8px;
	margin: 0;
}

.comp-md-img {
	padding: 8px;
	margin: 0;
}

.cs-md-img {
	padding: 8px;
	margin: 0;
}

.comp-sm-img {
	padding: 0;
	margin: 0;
	position: relative;
}

.cs-ex-shadow {
	padding: 0;
	margin: 0;
	position: relative;
	background-color: #cacaca;
	overflow: hidden;
}

.comp-xs-img {
	padding-bottom: 16px;
	margin: 0;
	position: relative;
}

.comp-sm-blue {
	width:100%;
	height: 100%;
	background-color: #59b9ff;
	overflow: hidden;
}

.comp-md-blue {
	width:100%;
	height: 100%;
	background-color: #2380c5;
	overflow: hidden;
}

.cs-one-img, .cs-two-img {
	padding: 0;
	margin: 0;
	position: relative;
}

.cs-shadow {
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #cacaca;
}

.cs-inset {
	width: 100%;
	height: 64px;
	position: absolute;
	bottom: 0px;
	opacity: 0;
	background-color: rgba(16,78,139,0.75);
	z-index: 1;
	padding: 15px 25px 10px;
	color: #fff;
	
}

.cs-onclick {
	cursor: pointer;
	height: 100%;
}

.cs-onclick img {
	height: 100%;
}

.cs-ex-shadow:hover .cs-inset, .cs-shadow:hover .cs-inset {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
    -webkit-animation: bounceY 0.9s;
    -moz-animation: bounceY 0.9s;
    -ms-animation: bounceY 0.9s;
    animation: bounceY 0.9s;
}

@keyframes bounceY
{
0%   {height: 0px; }
100% {height: 64px;}
}

@-moz-keyframes bounceY /* Firefox */
{
0%   {height: 0px; }
100% {height: 64px;}
}

@-webkit-keyframes bounceY /* Safari and Chrome */
{
0%   {height: 0px; }
100% {height: 64px;}
}

@-o-keyframes bounceY /* Opera */
{
0%   {height: 0px; }
100% {height: 64px;}
}


.cs-big-img:hover .cs-gray, .comp-md-img:hover .cs-gray,
 .comp-xs-img:hover .cs-gray, .comp-sm-img:hover .cs-gray {
	 -webkit-animation: lysis 0.5s;
    -moz-animation: lysis 0.5s;
    -ms-animation: lysis 0.5s;
    animation: lysis 0.5s;
    background-color: rgba(0, 0, 0, 0);
}

@keyframes lysis
{
0%   {background-color: rgba(0, 0, 0, 0.25);}
100% {background-color: rgba(0, 0, 0, 0);}
}

@-moz-keyframes lysis
{
0%   {background-color: rgba(0, 0, 0, 0.25);}
100% {background-color: rgba(0, 0, 0, 0);}
}

@-webkit-keyframes lysis
{
0%   {background-color: rgba(0, 0, 0, 0.25);}
100% {background-color: rgba(0, 0, 0, 0);}
}

@-o-keyframes lysis
{
0%   {background-color: rgba(0, 0, 0, 0.25);}
100% {background-color: rgba(0, 0, 0, 0);}
}


.cs-gray {
	position:absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.cs-inset h4 {
	width: 100%;
	margin-top: 0px;
	margin-bottom:0px;
	font-size: 18px;
	overflow: hidden;
	text-overflow:ellipsis; 
	-ms-text-overflow: ellipsis; 
	-o-text-overflow: ellipsis;/* Opera */ 
	-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ 
}

.cs-inset p {
	width: 100%;
	margin-bottom: 15px;
	height:50%;
	overflow:hidden;
	font-size: 13px;
	overflow: hidden;
	text-overflow:ellipsis; 
	-ms-text-overflow: ellipsis; 
	-o-text-overflow: ellipsis;/* Opera */ 
	-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ 
}

.cs-one-text, .cs-two-text {
	padding: 15px 25px;
	margin: 0;
	font-size: 13px;
	line-height: 1.7em;
	color: #fff;
}

.cs-one-text p, .cs-two-text p {
	margin-bottom: 0px;
	width: 90%;
	overflow:hidden;
	text-overflow:ellipsis; 
	-ms-text-overflow: ellipsis; 
	-o-text-overflow: ellipsis;/* Opera */ 
	-moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ 
	font-family: "Microsoft YaHei";
}

.cs-first-text p {
	white-space:nowrap;
}

.cs-three-img {
	padding: 0 10px 0 0;
}

.cs-three-text {
	padding: 60px 35px 20px;
	margin: 0;
	font-size: 13px;
	line-height: 1.7em;
	color: #fff;
}

.comp-two {
	padding: 20px 0;
}

.cs-comp-foot {
	float:none;
	margin: 0 0 0 0;
	margin: -50px 0 -45px 0;
  	padding: 0 0 0 0;
}

.cs-comp-foot img {
	width: 100%;
}

.cs-long-img, .cs-big-minus {
	background-color: #fff;
}


.modal-header button {
	outline: none;
}

.modal-content {
	background-color: transparent;;
	border: none; 
 	border-radius: 0px;
  	-webkit-box-shadow: none;
  	box-shadow: none;
}

.modal-header {
	text-align:center;
	border-bottom: none;
	padding: 15px 15px 0px;
}

.modal-body {
	padding: 0px 30px 5px;
}

.modal-footer {
	text-align:center;
	border-top: none;
	padding: 15px 15px 25px;
}

#reminder {
	float:left;
	color:#ff3030;
}

.modal-footer button {
	width:108px;
	height:31px;
	font-size:14px;
	color:#fff;
	background:#ff5e33
}

.modal-dialog{
 	border: 1px solid #ccc;
  	filter:alpha(opacity=90);  
  	background-color: rgba(255, 255, 255, 0.9);
 }
 
.modal-title{
  	font-size:36px;
  	color:#333;
  	font-family: "Microsoft YaHei" ! important;
  	margin-top: 15px;
  	font-weight: bolder;
}

#comp_show_form input{
 	border: 1px solid #ccc;
 	border-bottom:1px solid #ccc;
 	-webkit-box-shadow: inset 0 -0px 0 #ccc !important; 
 	box-shadow: inset 0 -0px 0 #ccc !important; 
 	width:100%;
	height:54px;
	padding-left: 15px;
	font-size: 14px;
	color: #666;
}

#comp_show_form span{
 	font-size:14px;
 	color:#666;
}
.link-tel{
 	color:#ea7043;
 	padding-left: 17px;
}
#comp_show_form  textarea{
	height:100px;
	width:100%;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 -0px 0 #ccc !important; 
 	box-shadow: inset 0 -0px 0 #ccc !important; 
 	resize:none;
 	padding: 8px 15px;
	font-size: 14px;
	color: #666;
}

.with-errors{
	margin-left:32px !important;
	color:#ff3030 !important;
}

.limit-name{
	font-size:13px;
	color:#666;
	margin-top:5px;
}
.info-descr{
	font-size: 14px;
	color: #ff3030;
	margin-top:10px;
}
.limit-descr{
	font-size: 13px;
	color: #666;
	margin-top: 10px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666;  
    width:584px;
    height:54px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;
    width:584px;
    height:54px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #666;
    width:584px;
    height:54px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #666;
    width:584px;
    height:54px;
}
.btn-baidu {
	border: none;
	background: none;
	cursor: pointer;
	padding: 0px;
	display: inline-block;
	/* text-transform: uppercase; */
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index:1000;
}

.btn-baidu:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn-baidu:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.baidu-map-btn {
	color: #fff;
	font-size:20px;
	width: 100%;
	height: 100%;
	color: #1e7dce;
	font-family: "Microsoft YaHei";
	width: 382px;
	height: 52px;
	border: 3px solid #1e7dce;
	border-radius:26px;
	overflow: hidden;
}

.baidu-map-btn:after {
	width: 100%;
	height: 0;
	top: 50%;
	left: 50%;
	background: #1e7dce;
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.baidu-map-btn:hover,
.baidu-map-btn:active {
	color: #fff;
	border: 0px solid #1e7dce;
}

.baidu-map-btn:hover:after {
	height: 650%;
	opacity: 1;
}

.baidu-map-btn:active:after {
	height: 400%;
	opacity: 0;
}

.baidu-map-triangle {
	width: 35px;
	height: 70px;
	margin: 0px auto;
	position: relative;
}

#blink_one {
	position: absolute;
	top: 0px;
	left: 0px;
}

#blink_two {
	position: absolute;
	top: 16px;
	left: 0px;
}

.join-baidu-map {
	text-align: center;
	margin-top: -62px;
    margin-bottom: -5%;
}

.join-baidu-map p {
	position: relative;
	padding: 0px;
	margin: 0px auto;
}

.join-baidu-map i {
	font-size: 54px;
	color: rgb(238, 209, 128);
	font-weight: lighter;
}


@media (max-width: 1197px){
	.e-comp-sub-top {
		left: 0;
	}
	
	.e-comp-sub-left {
		left: 1%;
	}
	
	.e-comp-sub-right {
		right: 4.2%;
	}
	
	.cs-one-text, .cs-two-text  {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.cs-three-text {
		padding: 40px 35px 20px;
	}
	
	.cs-first-text {
		height: 66%;
	}
	
	.cs-first-text h3 {
		font-size: 16px;
	}
	
	.cs-first-text p {
		font-size: 12px;
	}
	
	.cs-second-text {
		height: 76%;
		font-size: 12px;
	}
	
	.cs-inset h4 {
		font-size: 15px;
	}
	
	.cs-inset p {
		white-space:nowrap;
		font-size: 12px;
	}
	.limit-descr{
		font-size: 14px;
		color: #666;
		margin-top: 5px;
	}
	.info-descr{
		font-size: 14px;
		color: #666;
		margin-top: 5px;
	}
}

@media (max-width: 992px){
	.e-ba-content {
		width: 80%;
		margin-left: 10%;
	}
	
	.e-ba-bk {
		margin-left: 10%;
	}
	
	.e-img-l, .e-img-c, .e-img-r {
		margin: 10px 1.16%;
		width:31%;
		-moz-border-radius: 50%; 
		-webkit-border-radius: 50%; 
		border-radius: 50%;
	}
	
	.e-comp-sub-left {
		left: 0;
	}
	
	.e-comp-sub-right {
		right: 0;
	}

	.cs-three-text {
		padding: 30px 35px 20px;
	}
	.limit-descr{
		font-size: 14px;
		color: #666;
		margin-top: 5px;
	}
	.info-descr{
		font-size: 14px;
		color: #666;
		margin-top: 5px;
	}
	.modal_dialog {
		width:940px;
	}
	.ref-padding {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 768px){
	.e-ba-content {
		width: auto;
		margin-left: 0;
	}
	
	.e-ba-bk {
		margin-left: 0;
	}
	
	.e-comp-ind, .e-comp-top-tit, .e-comp-bottom-tit, .e-comp-bottom-ind, .e-comp-top-ind  {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.e-img-l, .e-img-c, .e-img-r {
		margin: 10px 1.16%;
		width:31%;
		-moz-border-radius: 50%; 
		-webkit-border-radius: 50%; 
		border-radius: 50%;
	}

	.e-comp-sub-left, .e-comp-sub-right, .e-comp-sub-top {
		display: none;
	}
	
	.cs-three-img {
		padding: 0 0 0 0;
	}
	.limit-descr{
		font-size: 14px;
		color: #666;
		margin-top: 5px;
	}
	.info-descr{
		font-size: 14px;
		color: #666;
		margin-top: 5px;
	}
	.modal_dialog {
		width:760px;
	}
	.baidu-map-btn {
  		width: 362px;
	}
}


@media (max-width: 400px) {
	.e-img-l, .e-img-c, .e-img-r {
		margin: 10px 10%;
		width:80%;
		-moz-border-radius: 50%; 
		-webkit-border-radius: 50%; 
		border-radius: 50%;
	}
	
	.e-comp-address, .e-comp-email, .e-comp-tel {
		margin: 10px 5%;
		width:90%;
	}
	.limit-descr{
		font-size: 14px;
		color: #666;
		margin-top: 5px;
	}
	.info-descr{
		font-size: 14px;
		color: #666;
		margin-top: 5px;
	}
}

@media (min-width: 768px){
	.modal-dialog {
 		 width: 760px;
 	}

}

@media (min-width: 997px){
	.modal-dialog {
 		 width: 820px;
 	}
 	
 	.ref-padding {
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
	}
}