@charset "utf-8";
/* CSS Document */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,cite,code,del,em,img,q,small,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tr,th,td{ 
margin:0; 
padding:0;
border:0; 
}
ol,ul{ 
	list-style:none;
}
cite,em,strong,th,h1,h2,h3,h4,h5,h6{
 }
table{border-collapse:collapse; 
border-spacing:0;
}
input,textarea,select,button{ 
}
a {
	text-decoration:none
}
a:hover{
}
.clear{clear:both
}
body{ background:#fff; 
font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666;
width:100%;

}
/* 用户样式 */
/* 头部开始 */
.header{ width:100%;
background:url(../images/top_bj.png);
height:85px;
	}
#headerbox{ position:fixed;
z-index:9999;
	}
.header .logo{ width:30%;
float:left;
	}
.header .logo img{ width:210px;
height:40px;
margin-left:25px;
margin-top:10px;
	}
.header .nav{ float:right;
margin-right:50px;
margin-top:20px;
	}
.header .nav a{ color:#FFF;
font-size:16px;
margin:0 10px;
line-height:40px;
	}
.header .nav a:hover{ color:#0FF;
border-bottom:2px solid #0FF;
	}
.header .nav .glxs{color:#0FF;
border-bottom:2px solid #0FF;
	}
	
	

.banner{ width: 100%;
height: 100%;
}
.banner ul{ width: 100%;
height: 100%;
	
}
.banner ul li{ width: 100%;
height: 100%;
}	
	
	
	
	
	
.banner ul li video{position:absolute; 
right: 0px;  
bottom: 0px;  
min-width: 100%;  
min-height: 100%;  
height: auto;  
width: auto;  
        } 
        
        
#foot{
    height: 60px;
    background: rgba(0,0,0,0.3);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.foot_main{
    width: 1200px;
    margin: 0 auto;
}
.foot_main ul li{
    width: 300px;
    float: left;
}
.foot_main ul li p{
    color: #eee;
    font-size: 16px;
    float: left;
    line-height: 20px;
    margin-top:8px;
}
.foot_main ul li p span{
    font-size: 14px;
}
.f_icona{background:url(../images/wzjs.png) no-repeat;
float: left;
color: #fff;
font-size:35px;
background-position:0 15px;
width: 35px;
height: 60px; 
}
.xian{
    border-right: 1px solid #ccc;
    height: 40px;
    float: left;
    margin:10px 20px;   
}
.foot_main ul li a:hover p{ color: #0FF;	
}
.f_icona{background:url(../images/wzjs.png) no-repeat;
float: left;
color: #fff;
font-size:35px;
background-position:0 15px;
width: 35px;
height: 60px; 
}
.foot_main ul li a:hover .f_icona{ background:url(../images/wzjs2.png) no-repeat;
float: left;
color: #fff;
font-size:35px;
background-position:0 15px;
}
.f_iconb{background:url(../images/app.png) no-repeat;
float: left;
color: #fff;
font-size:35px;
background-position:0 15px;
width: 35px;
height: 60px; 
}
.foot_main ul li a:hover .f_iconb{ background:url(../images/app2.png) no-repeat;
float: left;
color: #fff;
font-size:35px;
background-position:0 15px;
}
.f_iconc{background:url(../images/yun.png) no-repeat;
float: left;
color: #fff;
font-size:35px;
background-position:0 15px;
width: 35px;
height: 60px; 
}
.foot_main ul li a:hover .f_iconc{ background:url(../images/yunb.png) no-repeat;
float: left;
color: #fff;
font-size:35px;
background-position:0 15px;
}
.f_icond{background:url(../images/wlly.png) no-repeat;
float: left;
color: #fff;
font-size:35px;
background-position:0 15px;
width: 35px;
height: 60px; 
}
.foot_main ul li a:hover .f_icond{ background:url(../images/wlly2.png) no-repeat;
float: left;
color: #fff;
font-size:35px;
background-position:0 15px;
}
.foot_main ul li .gighlight .f_iconaq{background:url(../images/wzjs2.png) no-repeat;
float: left;
color: #0FF;
font-size:35px;
background-position:0 15px;	
}
.foot_main ul li .gighlight .f_iconbq{background:url(../images/app2.png) no-repeat;
float: left;
color: #0FF;
font-size:35px;
background-position:0 15px;	
}
.foot_main ul li .gighlight .f_iconq{background:url(../images/yunb.png) no-repeat;
float: left;
color: #0FF;
font-size:35px;
background-position:0 15px;	
}

.foot_main ul li .gighlight .f_icondq{background:url(../images/wlly2.png) no-repeat;
float: left;
color: #0FF;
font-size:35px;
background-position:0 15px;	
}
.foot_main ul li .gighlight p{color: #0FF;
}

.innovate{ position: relative;
z-index: 2;
width: 800px;
margin: 0 auto;
}
.bg10 { position: absolute;  top:25%; width:800px; height:427px; margin-left: 550px;
		background: url(../images/banner1.png); no-repeat;background-size:contain; transition: all 1s;}
.bg11 { position:absolute;  top:25%; width:800px; height:427px; margin-left: 550px; z-index:9;
		background: url(../images/banner2.png); no-repeat;background-size:contain; transition: all 1s;}
.bg12 { position:absolute;  top:25%; width:800px; height:427px; margin-left: 550px; z-index:9;
		background: url(../images/banner3.png); no-repeat;background-size:contain; transition: all 1s;}
.bg13 { position:absolute;  top:25%; width:800px; height:427px; margin-left: 550px; z-index:9;
		background: url(../images/banner4.png); no-repeat;background-size:contain; transition: all 1s;}

		
		
		
.service{ position:absolute;
width:100%;
margin:0 auto;
	}	
.hezuo_banner{width:100%;
margin-top:120px;
text-align:center;
font-size:36px;
line-height:40px;
	}
.hezuo_banner p{ font-size:24px;
	}	
.service .b3_img{ width:371px;
height:347px;
position:absolute;
z-index:2;
left:50%;
margin-left:-185px;
margin-top:20%;
	}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes inverse{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(-360deg);}
}

.Rotation{
-webkit-transform: rotate(360deg);
animation: rotation 2s linear infinite;
-moz-animation: rotation 2s linear infinite;
-webkit-animation: rotation 2s linear infinite;
-o-animation: rotation 2s linear infinite;
animation-iteration-count:1;
-webkit-animation-iteration-count:1;
}
.b3_01,.b3_05,.b3_06{
position:relative;
animation:myfirst 3s;
-moz-animation:myfirst 3s; /* Firefox */
-webkit-animation:myfirst 3s; /* Safari and Chrome */
-o-animation:myfirst 3s; /* Opera */
	}
@keyframes myfirst
{
0%   {left:0; top:0px;}
100%  {left:-340px; top:0px;}
}


.b3_02,.b3_03,.b3_04{
position:relative;
animation:On theright 3s;
-moz-animation:theright 3s; /* Firefox */
-webkit-animation:theright 3s; /* Safari and Chrome */
-o-animation:theright 3s; /* Opera */
	}
@keyframes theright
{
0%   {left:0; top:0px;}
100%  {left:340px; top:0px;}
}

.b3_011,.b3_051,.b3_061{
position:relative;
animation:lefttogo 3s;
-moz-animation:lefttogo 3s; /* Firefox */
-webkit-animation:lefttogo 3s; /* Safari and Chrome */
-o-animation:lefttogo 3s; /* Opera */
	}


.b3_021,.b3_031,.b3_041{
position:relative;
animation:On righttogo 3s;
-moz-animation:righttogo 3s; /* Firefox */
-webkit-animation:righttogo 3s; /* Safari and Chrome */
-o-animation:righttogo 3s; /* Opera */
	}




.b3_txt {
	font-size: 12px;
	line-height: 20px;
	color:#fff;
	height:85px;
	margin:0 auto;
}
.b3_txt strong {
	display: block;
	height: 25px;
	color: #f9c475;
	font-size: 18px;
}
.b3_01 {
	margin-top:21%;
	right:280px;
	width: 290px;
	text-align: right;
}
.b3_02 { margin-top:-85px;
	left:260px;
	width: 266px;
}
.b3_03 { margin-top:50px;
left:340px;
	width: 290px;
}
.b3_04 { margin-top:60px;
left:260px;
	width: 290px;
}
.b3_05 { margin-top:-230px;
right:340px;
	width: 290px;
	text-align: right;
}
.b3_06 { margin-top:60px;
right:260px;
	width: 290px;
	text-align: right;
}

.down_footer{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/shouye5.png) repeat;
}
.down_footer p{
	color: white;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
}


.news_footer{
	width: 100%;
	left: 0;
	bottom: 0;
	background: url(../images/shouye5.png) repeat;
	height:60px;
}
.news_footer p{
	color: white;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
}


.newsbanner{ width:100%;
	}
.newsbanner img{ width:100%;
	}

.div_top_news{ width:1200px;
margin:0 auto;
margin-top:-25px;
background:#FFF;
height:40px;
z-index:999;
position:relative;
background:#FFF;
	}
.div_top_news p{ line-height:40px;
font-size:16px;
color:#666;
margin-left:15px;
	}
.div_top_news p a{ padding:0 10px;
color:#666;
	}
.div_top_news p span{ padding-left:10px;
	}
.list_new{ width:1170px;
margin:20px auto;
	}
	
.list_ks{ border-bottom:1px dashed #c4c4c4;
padding-bottom:25px;
margin-bottom:15px;
	}
.list_ks em{ width:218px;
height:135px;
float:left;
	}
.list_ks em img{ width:100%;
	}
.list_nr{ width:920px;
float:left;
margin-left:25px;
	}
.list_nr h3{ font-weight:normal;
font-size:16px;
line-height:35px;
	}
.list_nr h3 a{ color:#666;
	}
.list_nr h3 a:hover{ color:#f00;
	}
.list_nr h3 span{ font-size:12px;
color:#999;
margin-left:25px;
	}
.list_nr p{ font-size:14px;
line-height:30px;
color:#666;
	}
.list_nr i{font-style:normal;

	}
.list_nr i a{ display:block;
width:120px;
height:32px;
background:#f00;
text-align:center;
line-height:32px;
color:#FFF;
border-radius:4px;
float:right;
margin-top:5px;
	}
.list_nr i a:hover{ background:#f1f1f1;
color:#333;
	}

.number{ float:right;
	}
.number a{ background:#e1e1e1;
padding:5px 10px;
color:#b1b1b1;
	}
.number a:hover{ background:#f00;
color:#FFF;
	}
.number .number_gl{line-height:30px;
background:#f00;
padding:5px 10px;
color:#fff;
	}
.page_news_cot{ width:1100px;
margin:0 auto;
	}	
.list_bt{ text-align:center;
border-bottom:1px solid #e1e1e1;
padding-bottom:25px;
margin-bottom:15px;
margin-top:30px;
	}
.list_bt h2{ font-size:18px;
font-weight:normal;
line-height:40px;
	}
.list_bt span{ font-size:12px;
color:#999;
margin-right:20px;
	}
.page_news_cot p{ line-height:30px;
font-size:15px;
text-indent:2em;
	}
.down_footer .tjsjb{ line-height:30px;
padding-top:0px;
padding-bottom:10px;
	}	
.down_footer .tjsjb span a{ color:#e1e1e1;
	}