body {
	font-family: "微软雅黑";
	min-width: 1200px !important;
	margin:0px;
	padding:0px;
	overflow-x:hidden;
}
a:hover{
	text-decoration: none;
}
.bodytitle {
	line-height: 30px;
	background: #f5f5f5;
	color: #5a5a5a;
}

@media (min-width: 1200px) {
	.container {
		
		padding: 0px;
	}
}

.container {
	
	
}

.left {
	float: left;
}

.right {
	float: right;
	text-align: right;
}

.nav>.row>.col-8{
	width:65%
}
.nav>.row>.col-2{
	width:10%;

}
.navs a{
	color:#000;
}
.navs .col-2{
	width:12.5%;
	color:#333;
	line-height: 94px;
	padding-top:10px;
	text-align: center;
	position: relative;
	display: block;
}
.navs .col-2:hover{
	background:#14abca;
}
.navs .col-2:hover>a{
	color:#fff;
}
.down{
	position: absolute;
	left:0px;
	top:102px;
	z-index: 9999;
	width:130px;
	text-align: center;
	background:#14abca;
	display: none;
}
.down a{
	display: block;
	line-height: 30px;
	color:#fff;
}
.down a:hover{
	background:#ccc;
}
.logo{
	position: relative;
	top:10px;
}
.main1{
	background: url(../images/index3_17.jpg) center;
	height:640px ;
	position: relative;
	top:-30px;
}

.main1contenter{
	width:1220px;
	margin:auto;
	position: relative;
	top:200px;
	overflow: hidden;
	position: relative;
	left:-12px;
}
.main1de{
	width: 203px;
    height: 380px;
    padding: 10px 5px;
    text-align: center;
    font-size: 12px;
    float: left;
    position: relative;
}
.main1de>img{
	display: block;
	margin:50px auto;
	transition: 1s;
	position: relative;
	left:5px;
}
.main1de>img:hover{
	transform: rotate(360deg);
}
.main1de>div{
	line-height: 40px;
	font-size: 20px;
	margin-top:-10px;
	transition: 0.3s;
}
.main1de>div:hover{
	font-size: 24px;
}
.main1de>p{
	width:190px;
	margin:auto;
	line-height: 20px;
}
.main1de>a{
	display: block;
	width:60px;
	height:40px;
	background:#fff;
	position: absolute;
	bottom:28px;
	left:70px;
}
.main1de>a img{
	transition: 0.5s;
}
.main1de>a:hover img{
	transform: scale(1.2);
}
.main1de:nth-child(2) img{
	position: relative;
	left:3px;
}
.main1de:nth-child(6) img{
	position: relative;
	left:5px;
}
.main1de:nth-child(6) div{
	margin-top:-20px;
	
}
.main2{
	text-align: center;
}
.main2content{
	margin-top:30px;
	overflow: hidden;
   position: relative;
   height:450px;
}
.main2content img{
	position: relative;
	top:-5px;
	
}
@keyframes canva{
  0% {
    transform: rotate(0deg);
  }
  100% {
   transform: rotate(360deg);
  }
}
.main2middle{
	
    position: absolute;
    left:50%;
    top:0px;
    height:430px;
    width:450px;
    z-index: 1;
    margin-left:-225px; 
    text-align: center;
}
.main2middle>img:nth-child(2){
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-170px;
	margin-top:-175px;
	transition: 1s;
}

.main2middle>img:nth-child(2):hover{
	/*-webkit-animation: canva 4000ms infinite linear;
    animation: canva 4000ms infinite linear;*/
   transform: rotate(360deg);
}
.main2content a>div:nth-child(1){
	font-size:28px ;
}
.main2content a>div:nth-child(2){
	font-size:18px ;
}
.main2content a{
	display: block;
	margin:50px 0px;
}
.main2content .left{
	text-align: left;
}
.main3{
	background:#f9f8f8;
	width:100%;
	padding-top:30px;
}
.list-group{
	padding-top:15px;
}
.list-group-item:first-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	
}

.list-group-item:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.list-group-item.active, 
.list-group-item.active:hover, 
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background: #12acc8;
    border: #12acc8;
    
}
.main3left .list-group-item.active, 
.main3left .list-group-item.active:hover, 
.main3left .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #a4ca54;
    border-color: #a4ca54;
    
}
.list-group-item:hover{
	background-color: #a4ca54;
    border-color: #a4ca54;
}
.list-group-item {
    border: none;
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
    padding-left:30px;
}
.list-group-item  span{
	padding-left:10px;
}
/* .list-group-item.active span{ */
	/* border-left:3px solid #fff; */
/* } */
.main3left{
	width:250px;
	padding:20px;
	background:#0d9cb8;
	padding-bottom: 30px;
}
.main3left-title{
	color:#fff;
	font-size: 24px;
}
.main3left-title>div:nth-child(2){
	font-size: 16px;
	margin-top:10px;
	margin-left:10px;
}
.main3left-group{
	background: #fff;
	padding:20px;
	margin-top:30px;
}
.main3left-phone>img{
	position: relative;
	left:-16px;
	margin-top:20px;
	margin-bottom: 20px;
	display: block;
}
.main3left-phone a{
	display: block;
	width:130px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background:url(../images/btn01.png) center no-repeat;
	margin:0px auto;
	box-shadow:  0px 3px 5px #ccc;
	color:#fff;
	border-radius: 6px;
	margin-top:10px;
}
.main3leftbottom{
	background:#0589a3;
	padding:20px;
	overflow: hidden;
	width:250px;	
}
.main3leftbottom .right{
	color:#fff;
}
.main3leftbottom a{
	display: block;
	width:80px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background:#f6f6f6;
	margin:0px auto;
	box-shadow:  0px 3px 5px #333;
	color:#000;
	border-radius: 6px;
	margin-top:15px;
	background:none;
	background:url(../images/btn02.png) center no-repeat;
	
}
.main2right-title{
	margin-top: 10px;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	padding-bottom:12px;
	margin-bottom: 20px;
}
.main2right-title .left {
	border-left: 5px solid #018C97;
	padding-left: 10px;
	margin-top:8px;
}
.btn-default {
	background: #018c97;
	color: #fff;
}

.btn-default:hover {
	background: #0997bb;
	color: #fff;
}
.main2rightcontent {
	width: 100%;
	overflow: hidden;
	margin: 40px auto;
}

.main2rightcontent ul {
	float: left;
	padding: 0px;
}

.main2rightcontent li {
	float: left;
	margin: 8px;
	display: inline-block;
	overflow: hidden;
	width:230px;
	height:205px;
}

.main2rightcontent ul a {
	display: block;
	text-align: center;
}

.main2rightcontent ul a img {
	width:220px;
	height:148px;
}
.tempWrap{
	width:100% !important;
 }
.main2rightcontent ul a div{
	margin-top:20px;
	text-align: center;
	font-size: 14px;
	color:#000;
}
.main4{
	width:100%;
	height:723px;
	background:url(../images/indexbj01.jpg) center;
}
.main4content{
	width:900px;
	margin:0px auto;
	position: relative;
	top:47px;
	left:-6px;
}
.main4content>div{
	display: inline-block;
	position: relative;
	width:400px;
	height:409px;
	overflow: hidden;
}
.main4content>div:hover a{
	font-size: 30px;
}
.main4content>div:nth-child(3){
	position: relative;
	left:65px;
}
.main4content>div>a{
	position: absolute;
	left:0px;
	top:50%;
	width:100%;
	line-height: 40px;
	text-align: center;
	margin-top:-20px;
	color:#fff;
	font-size: 26px;
	transition: 0.3s;
}
.main4content>div:nth-child(4){
	margin:0px auto;
	position: relative;
	top:-177px;
	left:-15px;
	display: block;
	
}
.main4content>span{
	position: absolute;
	left:310px;
	top:20px;
	display: block;
	color:#fff;
	width:240px;
	text-align: center;
}
.main4content>span>div:nth-child(1){
	font-size: 32px;
	line-height: 42px;
}
.main4content>span>div:nth-child(2){
	font-size: 20px;
	line-height: 36px;
	margin-top: 6px;
}
.main4content>span>a{
	display: block;
	width:30px;
	height:30px;
	border-radius: 50%;
	background:#fff;
	text-align: center;
	line-height: 20px;
	color:#0589A3;
	margin:10px auto;
	font-size: 20px;
}
.main4content>span>a>span{
	position: relative;
	top:4px;
}
.main5{
	margin-top:30px;
}
.main5content ul li{
	box-shadow: 0px 0px 5px #ccc;
}
.main5content ul li a div{
	text-align: left;
	padding-left:20px;
}
.main5content>div{
	margin-top:30px;
}
.main6,.main8{
	margin-top:30px;
	background: #fafafa;
}
.main6{
	background: #fff;
	padding:30px 0px;
}
.main6content p{
	line-height: 30px;
	text-indent: 26px;
}
.main6content .col-8 {
	
	width:60%;
}
.main6content{
	margin-top:20px;
}
.main6de{
	overflow: hidden;
}
.main6de img{
	position: relative;
	left:-10px;
}
.main6de>div{
	float:left;
	width:170px;
	text-align: center;
}
.main6content .col-4{
	width:40%;
}
.main6content .col-4 img{
	width:100%;
	height:auto;
}
.main6de a{
	display: block;
	width:150px;
	height:40px;
	line-height: 40px;
	text-align: center;
	background:#a29d9d;
	color:#fff;
	cursor: pointer;
}
.main6de:hover a{
	background:
}

.main7{
	margin-top:30px;
}
.main7 .row{
	margin-top:30px;
}
.main7 img{
	width:100%;
	height:auto;
}
.main7 .media-left{
	display: inline-block;
	width:80px;
	background:#f5f5f5;
	text-align: center;

}

.bold{
	font-weight: bold;
}
.main7right{
	overflow: hidden;
	margin-bottom: 28px;
}
.main7right>.left:nth-child(1){
	width:80px;
	background:#f5f5f5;
	text-align: center;
    line-height: 34px;
    padding:5px;
    font-size: 16px;
    transition: 0.5s;
    cursor: pointer;
}
.main7right>.left:nth-child(1):hover{
	background:#0997bb !important;
	color:#fff;
}
.main7right>.left:nth-child(1)>div:nth-child(2){
	font-weight: bold;
	font-size: 22px;
}
.main7right>.left:nth-child(2){
	width:575px;
	margin-left:30px;
}
.main7right{
	color:#666;
	
}
.m6img{
	display: none;
	
}
.m6active{
	display: block;
	margin:0px auto;
}
.main7right .bold{
	font-weight: normal;
	color:#222;
	margin-bottom:10px;
}
.main7-more{
	color:#0997BB;
	border:2px solid #0997BB;
	text-align: center;
	display: block;
	margin:30px auto;
	width:200px;
	line-height: 46px;
	border-radius: 26px;
	text-decoration: none;
	transition: 0.5s;
	cursor: pointer;
}
.main7-more:hover{
	color:#fff;
	background:#0997BB;
	text-decoration: none;
	box-shadow: 0px 0px 5px #018C97;
}
.zy-Slide section:nth-child(1){
	left:-100px;
    width:60px;
    height:60px;
    border:none;
    border-radius: 50%;
    background:#ccc;
}
.zy-Slide section:nth-child(1)>span{
	border: none;
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
    display: inline-block;
    width:20px;
    height:20px;
    position: relative;
    left: 22px;
    top: 22px;
}
.zy-Slide section:nth-child(2){
	right:-100px;
    width:60px;
    height:60px;
    border:none;
    border-radius: 50%;
    background:#ccc;
}
.zy-Slide section:nth-child(2)>span{
	border: none;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    display: inline-block;
    width:20px;
    height:20px;
    position: relative;
    left: 20px;
    top: 23px;
    transition: 0.5s;
}
.zy-Slide section:hover{
	background:#018C97;
	
}
.main8{
	padding-top:50px;
}
.zy-Slide{
	margin:20px auto;
}
footer{
	background:#000;
	border-top:3px solid #14abc9;
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
}
footer .container>img{
	position: absolute;
	left:0px;
	top:-1px;
}
footer .container{
	position: relative;
	overflow: hidden;
}
.footer{
	width:920px;
	float: right;
	position: relative;
	top:50px;
	color:#fff;
}
.footer-left{
	border-right:1px solid #282828;
}
.footer-left a{
	text-align: left;
	display: block;
	color:#999;
	line-height: 30px;
	height:36px;
	
}
.footer-left>div>a:first-child{
	color:#fff;
}
.footer-right{
	padding-left:40px;
}
.footer-right p{
	line-height: 20px;
	margin-left:20px;
}
.footerbottom{
	margin-top:50px;
	text-align: center;
	line-height: 60px;
	color:#aaa;
	border-top:1px solid #282828;
}
.footer-right .row{
	position: relative;
	left:20px;
}
.footer-right .row .col-8{
	color:#aaa;
	line-height: 30px;
	position: relative;
	left:-20px;
}
.footer-right .row .col-8 div{
	color:#fff;
}
.footer-right .row .col-8 span{
	display: block;
	height: 26px;
	line-height: 26px;
}


#focus_Box{position:relative;width:710px;height:400px;margin:60px auto;}
#focus_Box ul{position:relative;width:710px;height:308px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{
	
}
#focus_Box .prev{
	position: absolute;
	left:-100px;
	top:120px;
    width:60px;
    height:60px;
    border:none;
    border-radius: 50%;
    background:#ccc;
    display: block;
}
#focus_Box .prev>div{
	border: none;
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
    display: inline-block;
    width:20px;
    height:20px;
    position: relative;
    left: 22px;
    top: 22px;
    transform: rotate(-45deg);
}
#focus_Box .next{
	position: absolute;
	right:-130px;
	top:120px;
    width:60px;
    height:60px;
    border:none;
    border-radius: 50%;
    background:#ccc;
     display: block;
} 
#focus_Box .next>div{
	border: none;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    display: inline-block;
    width:20px;
    height:20px;
    position: relative;
    left: 20px;
    top: 23px;
    transition: 0.5s;
    transform: rotate(45deg);
}
#focus_Box .prev:hover, #focus_Box .next:hover{
	background:#018C97;
}
#focus_Box a.imgs-scroll-btn{
	display:block;
	position:absolute;
	z-index:110;
	top:7px;
	right:15px;
	width:51px;
	height:23px;
	overflow:hidden;
	background:url(images/share-btn.png) no-repeat;
	text-indent:-999px;
}

.main5>img,.main6>img,.main8>img{
	width:100%;
	height:auto;
}


/*************内页样式***************/


.carousel{
	margin-bottom:30px;
}
.banner img{
	width:100%;
	height:300px;
}
.aboutde{
	background: #f2f2f2;
	padding:20px;
	margin-bottom: 30px;
}
.about .list-group .active{
	background: #12acc8;
	border:#12acc8;
}
.aboutdetitles{
	color: #fff;
    background: #12acc8;
	border:#12acc8;
    padding-left: 20px;
    line-height: 40px;
}
.about .container{
	margin-top:30px;
	padding-top:30px;
}
.address{
	line-height: 50px;
	border-bottom: 1px solid #ddd;
	overflow:hidden;
	
}
.address .left{
	font-size: 16px;
}
.address .right{
	font-size: 14px;
}
.aboutcontent{
	padding:20px;
	line-height:30px;
}
#submenu_1 a{
	background:#fff;
}
#submenu_1 a:hover{
	background-color: #a4ca54;
    border-color: #a4ca54;
	color:#fff;
}
