/*****首页头部*****/
header{
	position: fixed; 
	left: 0;
	top: 50px;
	z-index: 999; 
	width: 100%; 
	max-width: 1920px;
	height: 80px; 
	background: none; 
	transition: .8s;
}
.fixed-header{
	top: 0;
	background: #FFF;
	-webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, .1); 
	-moz-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, .1); 
	box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, .1); 	
}
.topbox{
	margin: 0 auto;
	width: 1280px;
	height: 100%;
	background: #FFF;
	border-radius: 40px;
	-webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, .1); 
	-moz-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, .1); 
	box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, .1); 	
}
.topbox-none{
	border-radius: 0;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none;
}
.logo{
	margin-left: 20px;
}
.logo a{ 
	display: block; 
	width: 175px; 
	height: 50px;
	background: url(../images/logo.png) no-repeat; 
	background-size: cover; 
	text-indent: -9999em;
}
nav{
	margin: 0;
	padding: 0;
}
nav .menu{
	float: left; 
	position: relative; 
	width: 110px; 
	height: 80px; 
}
nav .menu::after{
	content: '';
	position: absolute;
	left: 0; 
	top: 0; 
	bottom: 0; 
	right: 0; 
	-webkit-transition: .3s ease; 
	-moz-transition: .3s ease; 
	transition: .3s ease; 
	transform-origin: bottom;
	transform: scaleY(0); 
	background: #EEE;
	background: -webkit-linear-gradient(top, #EEE 0%, #FFF 100%);
	background: -o-linear-gradient(top, #EEE 0%, #FFF 100%); 
	background: linear-gradient(to bottom, #EEE 0%, #FFF 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEE', endColorstr='#FFF', GradientType=0); 	
}
nav .menu:hover::after{
	transform: scaleY(1);
}
nav .menu a.bigclass{
	width: 100%; 
	height: 100%; 
	line-height: 80px; 
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 5; 
	color: #333; 
}
nav .menu i{
	width: 5px; 
	height: 5px; 
	border-top: 1px solid #BBB; 
	border-right: 1px solid #BBB; 
	transform: rotate(135deg); 
	position: absolute; 
	right: 10px; 
	top: 35px; 
	z-index: 10; 
}
nav .menu:hover i{
	transform: rotate(-45deg); 
	top: 40px; 
}
nav .menu span{
	position: absolute; 
	top: 18px; 
	left: 45px; 
	z-index: 15; 
	display: block; 
	width: 26px; 
	height: 18px; 
	background: url(../images/hot.png) no-repeat; 
}
nav .menu:hover span{
	background: url(../images/hot_on.png) no-repeat; 
}
.submenu{
	left: 0;
	max-height: 0;
	position: absolute;
	top: 100%;
	z-index: 3; 
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
}
.submenu li{
	opacity: 0; 
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);

	-webkit-transition: opacity .4s, -webkit-transform .5s;
	-moz-transition: opacity .4s, -moz-transform .5s;
	-ms-transition: opacity .4s, -ms-transform .5s;
	-o-transition: opacity .4s, -o-transform .5s;
	transition: opacity .4s, transform .5s;
}
.submenu li a{
	margin-left: -15px;  
	display: block; 
	color: #FFF;
	width: 137px; 
	height: 39px; 
	font-size: 14px;
	line-height: 39px; 
	border-bottom: 1px solid #FFF; 
	background: #0851bf; 
	border-left: 3px solid #0851bf; 
	transition: .3s ease;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease; 
}
.submenu li a.submenu_width{
	margin-left: -45px; 
	width: 197px; 
}
.menu .submenu li:hover a{ 
	color: #333;
	background: #F0F0F0;
	border-left: 3px solid #e60000;
}
.menu:hover .submenu, .menu:focus .submenu{
	max-height: 2000px;
	z-index: 10; 
}
.menu:hover .submenu li, .menu:focus .submenu li{
	height: 40px; 	   	 
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none; 
}
.menu li:hover .submenu li:nth-child(1){
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2){
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3){
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4){
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5){
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6){
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7){
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8){
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms;
}
.menu li:hover .submenu li:nth-child(9){
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;
}

.submenu li:nth-child(1){
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;
}
.submenu li:nth-child(2){
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms;
}
.submenu li:nth-child(3){
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}
.submenu li:nth-child(4){
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}
.submenu li:nth-child(5){
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}
.submenu li:nth-child(6){
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}
.submenu li:nth-child(7){
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;
}
.submenu li:nth-child(8){
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms;
}
.submenu li:nth-child(9){
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.toptel{
	margin-right: 40px;
	padding: 0;
	height: 60px;
}
.toptel .toptel-icons{
	margin-right: 10px;
	width: 30px;
	height: 30px;
	background: url(../images/top_tel.png) no-repeat;
	background-size: cover;
}
.toptel .toptel-numbers{
	height: 100%;
	line-height: 60px;
	font-family: 'Swis721 Hv BT', Arial, Helvetica, "Times New Roman";
}
/*****首页头部*****/


/*****首页焦点图*****/
.banner{
	width: 100%; 
	max-width: 1920px; 
	margin: 0 auto; 
	height: 640px; 
	background: #0851bf; 
}
#swiper-banner{
	width: 100%; 
	height: 100%;
}
#swiper-banner .swiper-wrapper{
	/* 通过改变animation-timing-function 制作弹性切换效果 */
	transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
#swiper-banner .swiper-slide{
	width: 100%; 
	height: 100%; 
	text-indent: -999em; 
}
#swiper-banner #pagination-banner{
	width: 160px; 
	height: 30px; 
	left: 50%; 
	bottom: 20px; 
	margin-left: -80px; 
	background: rgba(255, 255, 255, .6);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; 
}
/*****首页焦点图*****/


/*****首页跳动的数字*****/
ul.countup{
	list-style: none; 
	padding: 50px 0; 
	background-color: #FFF;
	border-bottom: 1px solid #EEE;
}
ul.countup li{
	width: 25%; 
	float: left; 
}
ul.countup li .countup-num{
	width: 100%; 
	height: 70px; 
}
ul.countup li .countup-num span.number-01{
	font-family: 'Swis721 Hv BT', Arial, Helvetica, "Times New Roman";
	font-size: 60px; 
}
ul.countup li .countup-num span.number-02{
	color: #1565c0; 
}
ul.countup li .countup-desc{
	width: 100%; 
	height: 40px; 
	line-height: 40px; 
	overflow: hidden; 
}
/*****首页跳动的数字*****/


/*****首页核心业务*****/
ul.index-business{
	margin: 0 auto; 
	width: 1260px; 
}
ul.index-business li{
	margin: 0 10px 20px 10px; 
}
ul.index-business li a{
	width: 400px; 
	height: 305px;
	background: #F5F5F5;
}
ul.index-business li a:hover{
	background: #0851bf;
}
ul.index-business li a .business-bg{
	width: 100%; 
	height: 225px; 
}
ul.index-business li a .business-bg .business-img{
	width: 100%; 
	height: 100%; 
}
ul.index-business li a:hover .business-bg .business-img{
	transform: scale(1.1); 
}
ul.index-business li a .business-text{
	width: 100%; 
	height: 80px; 
	padding: 0 20px;
	box-sizing: border-box;
}
ul.index-business li a .business-text .business-title{
	margin-right: 5px;
	height: 100%; 
	line-height: 80px; 
	color: #333; 
}
ul.index-business li a .business-text .business-entitle{
	height: 100%; 
	line-height: 80px; 
	color: #999; 
}
ul.index-business li a:hover .business-text .business-title,
ul.index-business li a:hover .business-text .business-entitle{
	color: #FFF;
}
/*****首页核心业务*****/


/*****首页关于红阳*****/
.about-img{
	position: relative;
	width: 500px;
	height: 300px;
}
.about-img img{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 480px;
	height: 270px;
}
.about-img .about-img-bg{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 480px;
	height: 270px;
	background: #0851bf;
}
.about-content{
	width: 750px;
}
.about-content p{
	margin: 15px 0;
	width: 100%;
	line-height: 35px;
	font-size: 16px;
	color: #333;
	text-indent: 2em;
}
.about-content p span{
	color: #E60000;
}
/*****首页关于红阳*****/


/*====={ 首页业绩案例 }======*/
ul.cases-all{
	margin: 0 auto; 
	width: 1280px; 
}
ul.cases-all li{
	margin-right: 40px; 
}
ul.cases-all li:nth-child(4n){
	margin-right: 0; 
}
ul.cases-all li a{
	width: 288px; 
	height: 282px; 
	background: #FFF; 
	border: 1px solid #d0d0d0; 
}
ul.cases-all li a:hover{
	background: #e60000; 
	border: 1px solid #e60000; 
}
ul.cases-all li a .cases-img{
	position: relative; 
	width: 288px; 
	height: 162px; 
	overflow: hidden; 
}
ul.cases-all li a .cases-img img{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 5; 
	width: 288px; 
}
ul.cases-all li a:hover .cases-img img{
	transform: scale(1.1);
}
ul.cases-all li a .cases-title{
	margin: 10px auto; 
	width: 270px; 
	height: 30px; 
	line-height: 30px; 
	color: #333; 
}
ul.cases-all li a .cases-intro{
	margin: 0 auto; 
	width: 270px; 
	height: 50px; 
	line-height: 25px; 
	color: #999; 
}
ul.cases-all li a:hover .cases-title,
ul.cases-all li a:hover .cases-intro{
	color: #FFF; 
}
/*====={ 首页业绩案例 }======*/


/*====={ 首页新闻资讯 }======*/
.index-all-news{
	width: 1280px; 
	margin: 0 auto;
}
.index-news{
	width: 360px; 
	height: 350px; 
	padding: 20px; 
	background: #F5F5F5; 
	margin-right: 40px; 
}
.index-news:nth-child(3n){
	margin-right: 0; 
}
.index-news .index-news-img{
	width: 360px; 
	height: 100px; 
	line-height: 100px; 
	background: url(../images/index_news_img.jpg) no-repeat; 
}
.index-news .index-news-img-01{ background-position: 0 0;}
.index-news .index-news-img-02{ background-position: 0 -100px;}
.index-news .index-news-img-03{ background-position: 0 -200px;}
.index-news .index-news-img span{
	-webkit-text-stroke: 1px rgba(51, 51, 51, .8); 
}
.index-news ul.index-news-li{ margin-top: 10px;}
.index-news ul.index-news-li li{ 
	float: none;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-indent: 10px;
	font-size: 15px;
}
.index-news ul.index-news-li li a{
	display: block;
	width: 100%;
	height: 39px;
	line-height: 39px;
	text-indent: 20px;
	border-bottom: 1px dashed #ddd;
	font-size: 14px;
	background: #f5f5f5 url(../images/arrow_02_off.gif) 5px center no-repeat;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.index-news ul.index-news-li li a:hover{
	border-bottom: 1px dashed #cf6900;
	background: #e60000 url(../images/arrow_02_on.gif) 5px center no-repeat; 
	color: #FFF; 
}
a.more-class-01{
	width: 85px; 
	height: 40px; 
}
a.more-class-01 .more-arrow{
	width: 25px; 
	height: 40px; 
	background: url(../images/more_arrow.png) center center no-repeat; 
	background-position: -50px 0;  
	-webkit-transition: .3s;
	-moz-transition: .3s; 
	transition: .3s; 
}
a.more-class-01 .more-title{
	width: 60px; 
	height: 40px; 
	line-height: 40px; 
	font-family: "Arial"; 
	-webkit-transition: .3s;
	-moz-transition: .3s; 
	transition: .3s; 	
}
a:hover.more-class-01 .more-arrow{
	background-position: 0 0;  
}
a:hover.more-class-01 .more-title{
	color: #FD8000; 
}
/*====={ 首页新闻资讯 }======*/


/********首页合作客户********/
ul.customers{
	margin: 0 auto;  
	width: 1280px; 
}
ul.customers li{ 
	margin: 10px 40px 10px 0; 
	width: 180px; 
	height: 90px; 
}
ul.customers li:nth-child(6n){ 
	margin: 10px 0; 
}
ul.customers li:nth-child(1),
ul.customers li:nth-child(3),
ul.customers li:nth-child(5),
ul.customers li:nth-child(8),
ul.customers li:nth-child(10),
ul.customers li:nth-child(12){
	background: #fff; 
}
ul.customers li:nth-child(2),
ul.customers li:nth-child(4),
ul.customers li:nth-child(6),
ul.customers li:nth-child(7),
ul.customers li:nth-child(9),
ul.customers li:nth-child(11){
	background: #f5f5f5; 
}
ul.customers li img{
	width: 100%; 
	height: 100%; 
}
/********首页合作客户********/