.index_banner{width: 100%;height: 400px;overflow: hidden;position: relative;z-index:1;min-width: 1200px;}
.index_banner .bd{width: 100%;height: 400px;overflow: hidden;position: absolute;top:0;left: 0;}
.index_banner .bd li{width: 100%;height: 400px;position: relative;overflow: hidden;float:left;}
.index_banner .bd li a{position: absolute;width: 1920px;height: 400px;left: 50%;margin-left: -960px;outline:none;}
.index_banner .bd li img{display: block;height: 400px;border:none; width:100%;}

.index_banner .hd{position: absolute;width: 100%;text-align: center;bottom: 25px;}
.index_banner .hd ul{display: inline-block;*display: inline;*zoom:1;}
.index_banner .hd li{float: left;width: 25px;height: 25px;overflow: hidden;margin: 0 22px;list-style:none;cursor: pointer;background: #cbcbca;border-radius: 50%;}
.index_banner .hd li:hover{background:red;}
.index_banner .hd li.on{background:red;}

.index_banner #prev{position: absolute;left: 0;top: 50%;margin-top: -80px;cursor: pointer;}
.index_banner #next{position: absolute;right: 0;top: 50%;margin-top: -80px;cursor: pointer;}

.content .about_main{width: 100%;height: auto;}
.content .about{width: 100%;min-width: 1200px;height: 70px;background: #c7e9ff;}
.content .about_dt:after{content: "";background: url(../img/san01.png)no-repeat center;width: 32px;height: 32px;display: block;margin: 0 auto;}
.about_dt{width: 936px;}
.about_ddt{width: 1200px;margin: 0 auto;position: relative;}
.about_us{width: 1200px;margin: 0 auto;height: 100%;position: relative;}
.about_title{width: 330px;margin: 0 auto;padding: 8.5px 0;}
.about_title h1{font: 36px "微软雅黑";text-align: center;padding-bottom: 5px;}
.about_title h2{font: 30px "微软雅黑";text-align: center;margin-top: 10px;}

.about_top{margin-top: 42px;clear: both;overflow: hidden;}
.about_left{float: left;position: relative;}

.title{position: absolute;height: 100%;width:100%;background-color: rgba(3,176,254,0.5);top: 0;}
.title h3{font: 26px "微软雅黑";color: white;text-align: center;margin-top: 124px;}
.title p{font: 12px "微软雅黑";color: white;text-align: center;}

.about_right{float: left;width: 466px;padding: 26px;border: 1px solid #ccc;height: 265px;}
.about_right p{font: 16px "微软雅黑";text-indent: 1em;line-height: 40px;}
.about_right a{width: 40px;height: 15px;font: 12px/15px "微软雅黑";background: #262626;color: white;text-align: center;border-radius: 5px;float: right;display: block;cursor: pointer;}

.about_buttom{width: 100%;min-width: 1200px;height: 475px;background: #d7eaf5;margin-top: 36px;}
.about_dot:before{content: "";background: url(../img/san02.png)no-repeat center;width: 32px;height: 32px;display: block;margin: 0 auto;}
.about_dot{width: 936px;position: relative;}
.buttom_top{width: 100%;height: 32px;border-bottom: 2px solid #2b68af;margin-top: 32px;clear: both;overflow: hidden;}
.buttom_left{float: left;height: 100%;}
.buttom_left span{font: 18px/36px "微软雅黑";color: #909090;cursor: pointer;/*padding: 0 10px;*/}
.buttom_left span:nth-child(2){margin: 0 15px;}
.buttom_left span:nth-child(3){margin-right: 15px;}
.buttom_left span:hover{color: #0092c8;border-bottom: 2px solid #2b68af;}
.buttom_left .on{color: #0092c8;border-bottom: 2px solid #2b68af;}

.buttom_right{float: right;}
.buttom_right p{font: 18px/36px "微软雅黑";color: #909090;cursor: pointer;}
.buttom_right p:hover{color: #0092c8;}
.buttom_title{position: absolute;width: 200px;height: 52px;background: #85aac5;font: 30px/52px "微软雅黑";color: white;text-align: center;left: 50%;margin-left: -100px;top: 46px;}

.project{margin-top: 45px;}
.project ul{clear: both;/*overflow: hidden;*/}
.project li{float: left;border-radius: 22px;position: relative;cursor: pointer;}
    
.project li:first-child{margin-right: 50px;}
.project li .project_title{width: 100%;height: 28px;bottom: 0;position: absolute;background: rgba(43,33,27,0.5);border-bottom-left-radius:20px;border-bottom-right-radius:20px;display: block;}

.project li .project_title p{font: 18px/28px "微软雅黑";text-align: center;color: white;}
.project li .project_message{position: absolute;bottom: 0;background: rgba(43,33,27,0.5);border-radius: 19px;padding: 40px 35px 15px 35px;width: 84%;height: 80.3%;display: none;}
.project li .project_message h1{font: 20px "微软雅黑";color: white;text-align: left;}
.project li .project_message p{font: 14px "微软雅黑";text-align: left;color: white;}
.project li .project_message p:nth-child(2){margin: 8px 0;padding: 0 10px;}
.project li .project_message span{display: block;width: 126px;height: 28px;border: 1px solid white;font: 12px/28px "微软雅黑";text-align: center;color: white;position: absolute;bottom: 15px;left: 50%;margin-left: -63px;cursor: pointer;}

.project li:hover{-moz-box-shadow: 10px 10px 5px #3f4245;box-shadow: 1px 1px 20px 15px #3f4245;} 
.project li:hover .project_message{display: block;}
.project li:hover .project_title{display: none;}	
	
.travel {
    width: 100%;
    min-width: 1200px;
    height: 430px;
    position: relative;
    overflow: hidden;
    margin-bottom: 54px;
}
.travel_title{width:196px;margin: 0 auto;padding: 8.5px 0;}
.travel_title h1{font: 36px "微软雅黑";text-align: center;border-bottom: 1px solid black;padding-bottom: 15px;}
.travel_title h2{font: 30px "微软雅黑";text-align: center;margin-top: 10px;}
.travel_left{position: absolute;border-bottom: 2px solid #2b68af;width: 360px;left: 0;height: 32px;top: 70px;}
.travel_left span{font: 18px/36px "微软雅黑";color: #909090;cursor: pointer;margin-right: 20px;}
.travel_left span:hover{color: #0092c8;border-bottom: 2px solid #2b68af;}
.travel_left span:last-child{margin-right: 0;}
.travel_left span:last-child:hover{border-bottom:none;}
.travel_left .on{color: #0092c8;border-bottom: 2px solid #2b68af;}

.about-nav{border-bottom: 2px solid #2b68af;overflow: hidden;}
.about-nav dl dd{float: left;font: 18px/36px "微软雅黑";color: #909090;cursor: pointer;margin-right: 20px;}
.about-nav dl dd a{color: #909090;}
.about-nav dl dd.on a{color: #0092c8;}
.about-nav dl dd a:hover{color: #0092c8;}
.about-nav .til {
    display: block;
    position: absolute;
    width: 150px;
    font: 36px "微软雅黑";
    text-align: center;
    
    left: 50%;
    margin-left: -75px;
    top: 11px;
    padding-bottom: 10px;
}
.about-nav .mone{position: absolute;right: 0px;font: 18px/36px "微软雅黑";cursor: pointer;}
.tol{font: 30px "微软雅黑";text-align: center;margin: 10px 0;}

.travel .about_dot ul li{float: left;margin-right: 20px;position: relative;cursor: pointer;}
.travel .about_dot ul{clear: both;}
.travel .about_dot ul li:last-child{margin-right: 0;}
.travel .about_dot ul li .travel_line{position: absolute;width: 100%;height: 60px;background: rgba(43,33,27,0.5);bottom: 0;}
.travel .about_dot ul li .travel_line p{font: 14px/30px "微软雅黑";color: white;text-align: center;}

.travel_message{padding: 30px 15px 20px 15px;position: absolute;bottom: 0;width: 86%;height: 78%;background: rgba(43,33,27,0.5);display: none;}
.travel_message h1{font: 18px "微软雅黑";text-align: left;color: white;}
.travel_message p{font: 14px "微软雅黑";text-align: left;color: white;}
.travel_message p:nth-child(2){margin: 10px 0 15px 0;}
.travel_message p span{color:#00f6ff;}
.travel_message p:nth-child(2){font: 12px "微软雅黑";}
.travel_message #know{display: block;width: 120px;height: 25px;font: 12px/25px "微软雅黑";text-align: center;position: absolute;bottom: 20px;border: 1px solid white;color: white;left: 50%;margin-left: -60px;cursor: pointer;}

.travel .about_dot ul li:hover{-moz-box-shadow: 0px 10px 10px  #3f4245;box-shadow: 0px 10px 10px #3f4245;}
.travel .about_dot ul li:hover .travel_line{display: none;}
.travel .about_dot ul li:hover .travel_message{display: block;}

.splendid{margin-top: 48px;overflow: hidden;}
.splendid ul{clear: both;overflow: hidden;/*padding: 0 30px;*/}
.splendid ul li{float: left;font-size: 0;width: 285px;overflow: hidden;}
.splendid ul li img{width:100%}
.splendid ul li .left{position: relative;float: left; width:285px;}
.splendid ul li .left a{display: block;width: 57px;height: 57px;border-radius: 50%;cursor: pointer;position: absolute;top: 50%;margin-top: -28.5px;left: 50%;margin-left: -28.5px;}
.splendid ul li .left .left_title{width: 100%;height: 38px;border: 1px solid #0c3c5c;margin-top: 5px; height:50px;box-sizing: border-box;}
.splendid ul li .left .left_title p{font: 14px/25px "微软雅黑";text-align: center;color: black;}
.splendid ul li .right{width: 170px;height: 260px;background: white;margin-left: 285px;padding: 15px 20px 10px 20px;position: relative;}
.splendid ul li .right h1{font: 18px "微软雅黑";color: black;text-align: left;}
.splendid ul li .right p{font: 12px "微软雅黑";color: black;text-align: left;margin-top: 20px;}
.splendid ul li .right a{width: 116px;height: 26px;display: block;font: 12px/26px "微软雅黑";color: #002aff;border: 1px solid #0c3c5c;text-align: center;cursor: pointer;position: absolute;left: 50%;margin-left: -58px;bottom: 10px;}
.splendid ul li:nth-child(2){margin: 0 40px;}


.news{width: 100%;min-width: 1200px;height: auto;margin-bottom: 56px;}
.news_title{margin-top: 26px;}
.news_title ul{clear: both;overflow: hidden;}
.news_title ul li{float: left;}
.news_title ul li a{display: block;color: black;padding: 15px 70px;font: 18px "微软雅黑";}
.news_title ul li a:hover{background: #95b2c9;color: white;}
.news_title ul li:nth-child(2){/*margin: 0 150px;*/}

.news_message{margin-top: 50px;}
.news_message ul{clear: both;overflow: hidden;}
.news_message li{float:left;width: 50%;font-size: 0;margin-bottom: 12px;}
.news_message li .date{display: inline-block;width: 12%;height: 70px;background: #95b2c9;}
.news_message li .date p{font: 18px "微软雅黑";text-align: center;margin-top: 5px;}

.new_message ul{margin-top: 20px;}
.news_main{margin-left: 18px;display: inline-block;width: 80%;}
.news_main h1{font: 14px "微软雅黑";}
.news_main h1 a{color: black;}
.news_main p a{font: 12px "微软雅黑";text-indent: 2em;margin-top: 6px;color: black;}

.football{position: absolute;right: 0;top: 132px;z-index: 1000;}
.speedy{width: 240px;height: 42px;background: #00a0e9;margin-top: 26px;}

.speedy p{font: 20px/42px "微软雅黑";color: white;text-align: center;}
.icion{padding: 25px 25px;clear: both;overflow: hidden;width: 190px;}
.icion ul{clear: both;overflow: hidden;}
.icion li{border: 1px solid #a6a6a6;border-radius: 10px;float: left;margin-right: 15px;margin-bottom: 10px;cursor: pointer;width: 75px;height: 70px;padding: 5px; text-align:center}
.icion li img{margin: 0 auto;}
.icion li p{font: 12px "微软雅黑";color: #00a0e9;text-align: center;}
.icion li:nth-child(2),.icion li:nth-child(4){margin: 0;}
.new_message img{width: 100%;}
.new_message li{margin-bottom: 5px;cursor: pointer;}

.kobe{color: white;background: #0c3c5c;}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	25% {
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg)
	}

	70% {
		-webkit-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		transform: rotate(30deg)
	}
	100% {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
}
@keyframes rotates {
	0% {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	25% {
		-webkit-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		transform: rotate(30deg)
	}

	70% {
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg)
	}
	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}