@charset "utf-8";
/* CSS Document */

/*****banner*****/
#banner{ width:100%; position:relative; overflow:hidden;background-attachment: fixed;
	top:0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    /* background: url(../images/banner_01.jpg) center center no-repeat; */
    background-size: cover;
	}
.item{    position: absolute;
    top: 148px;
    bottom: 0;
    left: 0;
    right: 0;
}
.ban_p1{    position: absolute; color:#fff; font-size:48px; font-weight:bold;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10; text-align:center;}
.ban_p2{ position:absolute; color:#fff; text-align:center; left:0; z-index:10; right:0; top:25%; line-height:30px; font-size:20px;}
.ban_p2 span{ color:#efa200; font-size:22px; font-weight:bold;}
.ban_p3{ position:absolute;left: 0; right: 0; z-index:10; text-align:center; top:65%;}
.ban_p3 a{ border:1px solid #fff; 
padding:8px 20px; border-radius:5px; text-align:center; font-size:14px;
 color:#fff; transition: all ease-out .2s; }
/*.ban_p3 a img{ display:none;}*/
.ban_p3 a img{margin-left:8px;transform: translateY(1px);transition: all ease-out .2s;}
.ban_p3 a:hover img{ display:inline-block; margin-left:15px;transition: all ease-out .2s;}
.ban_p3 a:hover{ color:#fff; padding:8px 20px; padding-right:15px; background-color:#efa200;transition: all ease-out .2s;}



.xiafan{position: absolute; left: 50%; bottom: 20px; animation: start 1.5s infinite ease-in-out;
-webkit-animation: start 1.5s infinite ease-in-out; cursor:pointer;
animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
}
.xiafan img{-webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);}
.xiafan img:hover{-webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);}
video#bgvid {
    background-attachment: fixed;
	top:0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -100;
    /* background: url(../images/banner_01.jpg) center center no-repeat; */}
.video-level {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background-color: rgba(0, 65, 131, 0.43);
			background: url(../images/videobanner.png)left top repeat;
		}
	
	
	
	
/**********案例*****/
.anli_box{ width:100%; background-color:#efefef;}
.anli{ width:1200px; padding:50px 0px; margin:0 auto;}
.anli_title{ width:100%; text-align:center;}
.anli_title p{ font-size:36px; color:#333; font-weight:bold;}
.anli_title p em{color:#efa200; font-style:normal;}
.anli_title span{ color:#333; font-size:14px; width:750px; display:block; line-height:24px; text-align:center; margin:10px auto;}
.anli_con{}
.anli_con ul li{ width:355px; overflow:hidden; float:left; margin:20px 9px;}
.anli_con ul li .anli_img{ width:355px; height:276px;}
.anli_con ul li img{ width:100%;height:275px; display:inline;-moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -webkit-transition: all 18s ease 0s; transition: all 1s ease 0s;}
.anli_con ul li .anli_content{ background-color:#fff;display:block; width:100%; position:relative; height:140px; margin-top:-5px;}
.anli_con ul li .anli_content p{ font-size:18px; color:#333; font-weight:bold; line-height:55px; padding:0 15px;}
.anli_con ul li .anli_content span{ font-size:12px; color:#333; display:block; line-height:20px;padding:0 15px;}
.anli_con ul li .anli_content:after{    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #0f2963;
    background: ;
    position: absolute;
    left: 0;
    bottom: 0;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s; }
.anli_con{width:1200px;} 
.anli_content{width:1118px; overflow:hidden; margin:0 auto;} 
.anli_content ul{width:2000px; overflow:hidden;} 

.anli_leftbtn{width:40px; background:url(../images/anli_left.png) no-repeat center;height:112px; float:left; margin-top:153px; cursor:pointer;background-size: contain;} 
.anli_rightbtn{width:40px; background:url(../images/anli_right.png) no-repeat center; height:112px; float:right;margin-top:153px; cursor:pointer;background-size: contain;} 
.anli_con ul li:hover .anli_content:after{ width:100%;}
.anli_con ul li:hover .anli_content{box-shadow: 0px 5px 10px #e0e0e0;}
.anli_con ul li:hover img{moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
.anli_con ul li .anli_content:hover p{ color:#efa200;}
/*************第一个大图*********/
#bg_box01{ background:url(../images/bg01.png) no-repeat center;width:100%;
     background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover; background-size:100% 100%; position:relative;overflow:hidden;}
.bg01{ text-align:center; position:absolute; top:30%; width:100%;}
.bg01_p1{ font-size:54px; color:#fff; font-weight:bold; text-align:center;}
.bg01_p2{ font-size:14px; color:#fff; width:700px; margin:0 auto; margin-top:30px; line-height:24px;}
.bg01_p3{ margin-top:40px;}
.bg01_p3 a{ border:1px solid #fff; 
padding:8px 20px; border-radius:5px; text-align:center; font-size:14px;
 color:#fff; transition: all ease-out .2s; }
.bg01_p3 a img{margin-left:8px;transform: translateY(1px);transition: all ease-out .2s;}
.bg01_p3 a:hover img{ display:inline-block; margin-left:15px;transition: all ease-out .2s;}
.bg01_p3 a:hover{ color:#fff; padding:8px 20px; padding-right:15px; background-color:#efa200; border:1px solid #efa200;transition: all ease-out .2s;}
/********第二个****/
#bg_box02{background:url(../images/bg02.png) no-repeat center; width:100%;background-attachment:fixed;
     background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover; background-size:100% 100%; position:relative;overflow:hidden;}
#bg_box03{background:url(../images/bg03.png) no-repeat center; width:100%;background-attachment:fixed;
     background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover; background-size:100% 100%; position:relative; overflow:hidden;}
	
/***********新闻*******/
.news_box{ width:100%; background-color:#f5f5f5; overflow:hidden; padding:30px 0px;}
.news{ width:1200px; margin:50px auto;}
.new{ float:left; width:670px; margin-left:15px;}
#tab li{ float:left; width:135px; height:33px; text-align:center; cursor:pointer; margin:0 15px; border-radius:5px; border:1px solid #efa200; color:#efa200; font-size:16px; line-height:33px;}
#tab li:hover{ background-color:#efa200; color:#fff;}
#tab li:hover:after{ content:''; display:block; text-align:center; width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #efa200; margin-left:60px;}
#tab li.current:after{ content:''; display:block; text-align:center; width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #efa200; margin-left:60px;}
#tab li.current {background-color:#efa200; color:#fff;}
.new #content{ margin:20px auto;}
#content ul{ display:none;}
.news_con{ margin:20px auto;}
.new_con{ margin:0px auto; padding:30px 0px; border-bottom:1px dashed #d4d4d4;}
.new_con .news_img{ float:left; width:239px; }
.new_con .news_img img{ width:239px; height:186px;}
.new_con .news_right{ float:right; width:386px; margin-right:15px;}
.new_con .news_right a{ font-size:16px; color:#333; font-weight:bold;}
.new_con .news_right a:hover{ color:#efa200;}
.new_con .news_right p{ font-size:12px; color:#666; line-height:22px; margin:15px 0px;}
.new_con .news_right .more{ border:1px solid #efa200; color:#efa200; display:block; font-weight:normal; text-align:center; border-radius:8px; font-size:14px; width:106px; height:27px; line-height:27px;}
.new_con .news_right .more:hover{ background-color:#efa200; color:#fff;}
.news_list{ padding:15px 0px; border-bottom:1px dashed #d4d4d4;}
.news_list_left{ float:left;}
.news_list_left p{ font-size:48px; color:#999;}
.news_list_left span{ font-size:14px; color:#999; display:block;}
.news_list_right{ float:right; width:566px; margin-right:20px; padding-left:15px;}
.news_list_right a{ color:#333; font-size:16px; display:block; padding-top:10px;}
.news_list_right p{ color:#777; font-size:12px; line-height:24px; padding:7px 0px;}
.news_list_right:hover a{ color:#efa200;}

.bg_right{ float:right; width:483px; overflow:hidden;}
.bg02{ background:url(../images/bg04.png) no-repeat center; text-align:center; width:100%; height:360px; padding-top:50px;}
.bg02_p1{ color:#fff; font-size:30px; font-weight:bold; padding-top:30px;}
.bg02_p2{ color:#fff; font-size:14px; line-height:24px; margin:20px 30px;}
.bg03{ background:url(../images/bg05.png) no-repeat center; text-align:center; width:100%; height:360px; padding-top:50px;}
/************时间年份********/
.platform_advantage{ background-color:#004183; width:100%; height:200px; overflow:hidden; margin-bottom:30px;}
.platform{ width:1200px; margin:0 auto;}
.Counter{ width:276px;     border-right: rgba(204, 204, 204, 0.26) 1px solid; height:105px; transform: translateY(47px); float:left;}
.count{ text-align:center; padding-top:12px;}
.count .counter-value{ font-size:48px; color:#fff; text-align:center;}
.count .unit{vertical-align: top; color:#fff;font-size: 14px;}
.Counter .title{ margin-bottom: 10px;font-size: 16px; color: #fff; text-align:center;}

/****背景***/
.platform_advantage_bg {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.platform_advantage_bg_z {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.platform_advantage_bg li {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, .15);
	bottom: -160px;
	-webkit-animation: square 28s infinite;
	animation: square 28s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}
.platform_advantage_bg_z li {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, .15);
	bottom: -300px;
	-webkit-animation: square_z 22s infinite;
	animation: square_z 22s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear
}
.platform_advantage_bg li:nth-child(1), .platform_advantage_bg_z li:nth-child(1) {
	left: 10%;
}
.platform_advantage_bg li:nth-child(2), .platform_advantage_bg_z li:nth-child(2) {
	left: 20%;
	width: 80px;
	height: 80px;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
	-webkit-animation-duration: 17s;
	animation-duration: 17s
}
.platform_advantage_bg li:nth-child(3), .platform_advantage_bg_z li:nth-child(3) {
	left: 25%;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms
}
.platform_advantage_bg li:nth-child(4), .platform_advantage_bg_z li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	background-color: rgba(255, 255, 255, .25)
}
.platform_advantage_bg li:nth-child(5), .platform_advantage_bg_z li:nth-child(5) {
	left: 70%
}
.platform_advantage_bg li:nth-child(6), .platform_advantage_bg_z li:nth-child(6) {
	left: 80%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	background-color: rgba(255, 255, 255, .2)
}
.platform_advantage_bg li:nth-child(7), .platform_advantage_bg_z li:nth-child(7) {
	left: 32%;
	width: 100px;
	height: 100px;
	-webkit-animation-delay: 7s;
	animation-delay: 7s
}
.platform_advantage_bg li:nth-child(8), .platform_advantage_bg_z li:nth-child(8) {
	left: 55%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s
}
.platform_advantage_bg li:nth-child(9), .platform_advantage_bg_z li:nth-child(9) {
	left: 25%;
	width: 10px;
	height: 10px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s;
	background-color: rgba(255, 255, 255, .3)
}
.platform_advantage_bg li:nth-child(10), .platform_advantage_bg_z li:nth-child(9) {
	left: 90%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 11s;
	animation-delay: 11s
}
 @-webkit-keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @keyframes square {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-1700px)rotate(600deg);
 transform: translateY(-1700px)rotate(600deg)
}
}
 @-webkit-keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}
 @keyframes square_z {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0)
}
 100% {
 -webkit-transform: translateY(-700px)rotate(500deg);
 transform: translateY(-700px)rotate(500deg)
}
}

/**************合作客户************/
.coo_box{ width:100%; margin:30px auto;}
.coo{ width:1200px; margin:0 auto;}
.hl_main5_content{width:1200px; margin:30px auto;} 
.hl_main5_content1{width:1120px; overflow:hidden; margin:0 auto;} 
.hl_main5_content1 ul{width:1600px; overflow:hidden;} 
.hl_main5_content1 ul li{ float:left; width:182px; display:inline; margin:0px 20px; position:relative; overflow:hidden;} 
.hl_main5_content1 ul li img{ width:180px; border-radius:50%; overflow:hidden; border:1px solid #ccc;} 
.hl_main5_content1 ul li p{ font-size:18px; color:#333; line-height:30px; text-align:center;}
.hl_main5_content1 ul li:hover p{ color:#efa200;}
.hl_scrool_leftbtn{width:0px; height:38px; float:left; margin-top:50px; cursor:pointer;} 
.hl_scrool_rightbtn{width:0px; height:38px; float:right;margin-top:50px; cursor:pointer;} 
.hl_main5_content1 ul li:hover .show {opacity: 1;filter:alpha(opacity=100);}
.show {
    background: rgba(0, 0, 0, 0.2);
    height:182px;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:182px;
    z-index: 200;
	border-radius:50%;
}