body{
	width:100%;
	height:100%;
	font-family:"微軟雅黑";
}
.content{
	width:100%;
	min-width:1200px;
}
/** banner begin*/
.banner{
	width:100%
}
.top-img{
	width:100%;
}

/** banner end*/
/** menu begin*/
.menu-items{
	width:100%;
}
.menu-items .menu{
	width:1100px;
	/* left:50%; 
    position: relative;
    margin-left: -600px; */
    margin:auto;
}
.menu-item-left{
	margin-left:140px;
	float:left;
}
.menu-one{
	clear: both;
	position: relative;
	padding:32px 0;
}
.menu-one div:nth-child(1),.menu-one div:nth-child(5){
	float:left;
	position: relative;
}
.menu .row{
	 margin-right:0;
	 margin-left: 0;
}
.menu-one img{
	 cursor: pointer;
	 -webkit-transition: all 500ms ease;
     -moz-transition: all 500ms ease;
     -ms-transition: all 500ms ease;
     -o-transition: all 500ms ease;
}
.menu-one img:hover{
	-webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}  
.menu-one img:active{
	-webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}   
/** menu end*/


/** company begin*/
.company{
	clear: both;
	position: relative;
	width:1200px;
	background:#000000;
	margin: auto;
	cursor: pointer;
}
.company img{
	/* opacity: 0.3; */
	width:100%;	
}
.company-content{
	position: absolute;
	top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
    display: block;
    text-align: center;
    color:#ffffff;
}

.company-content p:nth-child(1){
	font-size:30px;
	font-weight: bold;
	font-family:"微軟雅黑";
	margin-bottom:18px;
}
.company-content p:nth-child(3){
	font-size:16px;
	margin-top:14px;
}
.company-content p:nth-child(4){
	font-size:18px;
	margin-top:45px;
	margin-bottom:45px;
	line-height:45px;
}
.company-content hr{
	width:54px;
	border:none;
	height:2px;
	background:#008891;
	margin:auto;
}

/** company end*/


/** dynamic state begin*/
.dynamic-state{
	width:100%;
}
.dynamic-state-content{
	width:1200px;
	/* left:50%; 
    position: relative;
    margin-left: -600px;   */
    margin:auto;
}
.dynamic-state-head{
	width:100%;
	height:120px;
	text-align: center;
}
.dynamic-state-head p:nth-child(1){
	font-size:32px;
	font-weight: bold;
	margin: 38px 0 22px 0;
}
.dynamic-state-head p:nth-child(3){
	color:#9e9e9e;
	font-size:16px;
	margin: 14px 0 28px 0;
}
.dynamic-state-head hr{
	height:2px;
	background-color:#008792;
	border:none ;
	width:54px;
	margin:auto;
}
.dynamic-state-content .row{
	margin:0px;
}
.dynamic-img-title{
	width:100%;
	height:48px;
	background:#DFDFDF;
	font-size:14px;
	color:#333333;
	line-height:48px;
	text-align: center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.dynamic-img-more{
	width:100%;
	height:48px;
	font-size:14px;
	background:#008891;
	color:#ffffff;
	line-height:48px;
	text-align: center;
	width: calc(100% - 18px);
	display:none;
	position: absolute;
}
.dynamic-hover{
	position: relative;
	background:#008891;
	color:#ffffff;
	opacity: 0.8;
	margin-top:-48px;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.dynamic-state-content .col-xs-4:hover>.dynamic-img-title-two {
	height:100px;
	line-height:100px;
	margin-top:-56px;
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
} 
.dynamic-state-content .col-xs-4:nth-child(3):hover>img {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
    transition: filter 0.5s, opacity 0.5s;
    -webkit-transition: filter 0.5s, -webkit-filter 0.5s, opacity 0.5s;

} 
.dynamic-state-content .col-xs-4:nth-child(3):hover>.dynamic-img-title-center {
	background: linear-gradient(to right, #84d9d2, #07cdae);
}
.dynamic-state-content .col-xs-4:nth-child(3):active>.dynamic-img-title-center {
	opacity:0.3;
} 
.dynamic-state-content img{
	width:100%;
}
.dynamic-state-content .row:nth-child(1) {
	margin-bottom: 19px;
}
.dynamic-state-content .col-xs-3,.dynamic-state-content .col-xs-4{
	padding: 0 9px 0 9px;
	cursor: pointer;
}
.dynamic-img-title-two{
	top:-44px;
	height:44px;
	line-height:44px;
	/* background:#008891; 
	color:#ffffff;*/
	background:#DFDFDF;
	color:#333333;
	position: relative;
	text-align: center;
	font-size:20px;
	opacity:0.8;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;	
}
.dynamic-img-title-center{
	width: 140px;
    height: 38px;
    line-height:38px;
    background: #008891;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    opacity: 0.8;
    top: -120px;
    position: relative;
    left: 0;
    margin: auto;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
/** dynamic state end*/



/** map begin*/
.map{
	width:1200px;
	position: relative;
	margin:auto;
}
.map-head{
	width:100%;
	height:120px;
	text-align: center;
}
.map-head p:nth-child(1){
	font-size:32px;
	font-weight: bold;
}
.map-head p:nth-child(3){
	color:#9e9e9e;
	font-size:16px;
	margin: 14px 0 28px 0;
}
.map-head hr{
	height:2px;
	background-color:#008792;
	border:none ;
	width:54px;
	margin:auto;
}
.map-content{
	width:100%; 
}
.map-content img{
	width:100%;
}
.map-content .row{
	margin:0px;
}
#map{
	width:100%;
	border:#ccc solid 1px;
    font-size:12px;
    height:450px;
    cursor: pointer;
}

/** map end*/




/** my-link begin*/
.my-link{
	width:100%;
	position: relative;
}
.my-link-head{
	width:100%;
	height:120px;
	text-align: center;
}
.my-link-head p:nth-child(1){
	font-size:32px;
	font-weight: bold;
	margin: 38px 0 22px 0;
}
.my-link-head p:nth-child(3){
	color:#9e9e9e;
	font-size:16px;
	margin: 14px 0 28px 0;
}
.my-link-head hr{
	height:2px;
	background-color:#008792;
	border:none ;
	width:54px;
	margin:auto;
}
.my-link-content{
	width:1200px;
	/* left:50%; 
    position: relative;
    margin-left: -600px;   */
    margin:auto;
}

.my-link-content .row{
	margin:0px;
	height:136px;
}

.my-link-content .col-xs-3{
	position: relative;
	height:100%;
	text-align: center;
}
.my-link-content img{
	cursor: pointer;
	top: 50%;
    position: relative;
    transform: translate(0, -50%);
    /* -webkit-filter: grayscale(70%);
    filter: grayscale(70%); */
    transition: filter 0.3s, opacity 0.3s;
    -webkit-transition: filter 0.3s, -webkit-filter 0.3s, opacity 0.3s;
   /*  opacity: 0.7; */
}
.my-link-content img:hover ,
.my-link-content img:focus  {
  -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
  opacity: 0.7;
}
/** my-link end*/




/*Nivo Slider 撌血�  begin*/
.nivo-directionNav a {
  position: absolute;
  top: 50%;
  z-index: 9;
  cursor: pointer;
}
.nivo-prevNav {
  left: 0px;
}
.nivo-nextNav {
  right: 0px;
}

.nivoSlider {
  position: relative;
  background: #fff;
  margin-bottom: 0;
}
.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
.nivoSlider a {
  border: 0;
  display: inline-blpck;
}
.nivoSlider a.btn {
  display: inline-block !important;
}
.nivo-directionNav a {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  opacity: 0;
  text-align: center;
  color: #fff;
  z-index: 10000;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.nivoSlider:hover>.nivo-directionNav a{
	 opacity: 0.5;
}
.nivoSlider:active>.nivo-directionNav a{
	 opacity: 1;
}
.nivo-directionNav a:before {
  content: "\e917";
  font-family: 'Electrician';
  font-size: 7vw;
  line-height: 1em;
}
.nivoSlider:hover>.nivo-prevNav{
	 opacity: 1;
}
a.nivo-nextNav {
  right: 15px;
}
a.nivo-prevNav {
  left: 15px;
}
.nivo-directionNav a.nivo-prevNav:before {
  content: "\e916";
}
/*Nivo Slider 撌血� end*/

/** suspend begin*/
.suspend{
	position: fixed;
    right: 100px;
    bottom: 200px;
    display:none;
}
.suspend-QRBig{
	margin-left: -138px;
	margin-top: -5px;
	width:112px;
	height:112px;
}
/* .suspend-TopBc{
	margin-right: -46px;
}
.suspend-SmalleBc{
	margin-right: -48px;
} */
.suspend-hidden{
	margin-bottom: -105px;
    margin-left: -135px;
    display:none;
    cursor: pointer;
}
.suspend-content{
	cursor: pointer;
}
.suspend-ToTop:hover{
	opacity: 1;
}
.suspend-ToTop:active{
	opacity: 0.1;
}
.suspend-ToTop{
    text-align: center;
	width:54px;
	height:54px;
	opacity: 0.7;
}
.suspend-QR{
	text-align: center;
	width:54px;
	height:54px;
	opacity: 0.7;
}
.suspend-QR:hover{
	opacity: 1;
}

.suspend-QRSmalle{
	width:34px;
	height:34px;
	margin-top: -44px;
}
.suspend-TopImg{
	margin-top: -37px;
}
.client-content{
	width:54px;
	height:54px;
	font-size: 26px;
	text-align: center;
	opacity: 0.7;
	cursor: pointer;
}
.client-content:hover{
	opacity: 1;
}
.client-content:hover .client-tip{
	width:136px;
	margin-left:-90px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.client-content:hover .tip-text{
	transition-delay:300ms;
	opacity: 1;
}
.client-tip{
	overflow: hidden;
	width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    margin-top: -48px;
    margin-left: 6px;
    border-radius: 5px;
    text-align: left;
    background: darkolivegreen;
    color: snow;
}

.fa-headphones{
	color:#FFFFFF;
	margin-top:-40px;
	   
}
.service-content{
	width:54px;
	height:54px;
	font-size: 26px;
	text-align: center;
	opacity: 0.7;
	cursor: pointer;
}

.service-content:hover{
	opacity: 1;
}
.service-content:hover .service-tip{
	width:136px;
	margin-left:-90px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.service-content:hover .tip-text{
	transition-delay:300ms;
	opacity: 1;
}
.tip-text{
	padding-left:10px;
	opacity: 0;
}
.service-tip{
	overflow: hidden;
	width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    margin-top: -48px;
    margin-left: 6px;
    border-radius: 5px;
    text-align: left;
    background: darkolivegreen;
    color: snow;
}

.fa-phone{
	color:#FFFFFF;
	margin-top:-40px;
	   
}
.share-content{
	width:54px;
	height:54px;
	font-size: 26px;
	text-align: center;
	opacity: 0.7;
	cursor: pointer;
}
.share-content:hover{
	opacity: 1;
}
.fa-share-alt{
	color:#FFFFFF;
	margin-top:-40px;
	   
}
.share-items{
	    margin-left: -70px;
	    margin-top:-110px;
	    height:110px;
	    display:none;
}
.share-content:hover>.share-items{
	 display:block;
}
.one-item{
	margin-left:15px;
	display: block;
	filter: grayscale(50%);
	margin-top: 5px;
}
.one-item:hover{
	filter: grayscale(0);
}
.weixin-item{
	position: relative;
    margin-top: -100px;
}
.share-item-bg{
	 height:110px;
}
/** suspend end*/


.full-screen-QR{
	width:100%;
	height:100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.3);
	z-index:99;
	top: 0;
	display:none;
}
.full-screen-QR>img{
	top: 50%;
    left: 50%;
    margin-top:-129px;
    margin-left:-129px;
    position: relative;
}

/** announcement begin*/

.announcements_guanbi{
	right: 2px
}

.window_announcement{
	width:100%;
	height:100%;
	padding:5px;
	overflow: auto;
}




/** announcement end*/




/** 非实名问卷跳转页 begin*/
.questionnaire-turn{
	width:100%;
	height:100%;
	position: fixed;
	top:0;
	display: none; 
	z-index:99;
	
}
.questionnaire-turn-bg{
	background:rgba(0,0,0,0.2);
	width:100%;
	height:100%;
	position: fixed;
}
.questionnaire-tip{
	width:450px;
	height:350px;
	/* background:#ffffff; */
	background:rgba(255,255,255,0.9); 
	top:calc(50% - 140px);
	left:calc(50% - 200px);
	position:relative;
}

.questionnaire-font{
	color:red; 
}
.questionnaire-title{
	width:100%;
	height:60px;
	line-height:60px;
	text-align: center;
	font-size:20px;
}
.questionnaire-no{
	padding-left:20px;
}
.questionnaire-input-area{
	margin-top:20px;
}
.questionnaire-item{
	 width:100%;
	 height:40px;
}  
.questionnaire-text-span{
	float:left;
	width:30%;
	height:40px;
	line-height:40px;
	text-align: right;
}
.questionnaire-input-span{
	float:left;
	width:70%;
	height:40px;
	line-height:40px;
}
.questionnaire-input-span>.form-control{
	width:80%;
}
.btn-bar{
	width:100%;
	height:40px;
	margin-top:10px;
	text-align: center;
}

.btn-bar>.btn{
	width:120px;
	background:#008991;;
	color:#ffffff;
}
.btn-bar>.btn:hover{
	background: linear-gradient(to right, #46D5F5,#2B94D3);
}
/** 非实名问卷跳转页 end*/


.warn-div{
	color:red;
	float:right;
	padding-right:60px;
}