@charset "gb2312";
/* CSS Document */


body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{font:12px/1.5 Microsoft Yahei,\5FAE\8F6F\96C5\9ED1;margin:0 auto; line-height:24px; color:#444;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}
.clearfix:after {visibility: hidden; display: block; clear: both; height: 0; font-size: 0; content: ".";}
.clearfix{zoom:1;}
.left{ float:left;}
.right{ float:right}
img{border:0; max-width:100%; height:auto; vertical-align:middle; }
/*a*/
a{ text-decoration:none; color:#444;}
a:hover{ color:#ff6600;}

/*title*/
h1 { font-size:50px;}
h2 { font-size:40px;}
h3 { font-size:30px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:9px;}

.banner_bg{ margin-bottom:50px; background:url(../images/banner_bg.jpg) no-repeat center top; overflow: hidden; position: relative;
 animation: animatedBird 10s linear infinite alternate;
 -webkit-animation: animatedBird 10s ease-in-out infinite alternate;
 -moz-animation: animatedBird 10s ease-in-out infinite alternate;
 -ms-animation: animatedBird 10s ease-in-out infinite alternate;
 -o-animation: animatedBird 10s ease-in-out infinite alternate;
}
@keyframes animatedBird {
0%{background-size: 100% 100%;
	}
100% { background-size: 130% 130%;}
}
@-webkit-keyframes animatedBird {
0%{background-size: 100% 100%;
	}
100% { background-size: 130% 130%;}
}

@-moz-keyframes animatedBird {
0%{background-size: 100% 100%;
	}
100% { background-size: 130% 130%;}
}
@-o-keyframes animatedBird {
0%{background-size: 100% 100%;
	}
100% { background-size: 130% 130%;}
}
h1{ position: absolute; left: -1000000px; }
.banner{ width: 1200px; margin:0 auto; }
.banner img{  
	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
    }

.banner img.img_01{
	animation:img_01 1s ease 1;
	-webkit-animation:img_01 1s ease 1;
	-moz-animation:img_01 1s ease 1;
	-ms-animation:img_01 1s ease 1;
	-o-animation:img_01 1s ease 1;
} 
@keyframes img_01{
	0%{
		transform: translateY(-100px);
		-ms-transform:translateY(-100px);
	}
	100%{
		transform: translateY(0px);
		-ms-transform:translateY(0px);
	}
}
@-webkit-keyframes img_01{
	0%{
		-webkit-transform: translateY(-100px);
	}
	100%{
		-webkit-transform: translateY(0px);
	}
}
@-moz-keyframes img_01{
	0%{
		-moz-transform: translateY(-100px);
	}
	100%{
		-moz-transform: translateY(0px);
	}
}
@-o-keyframes img_01{
	0%{
		-o-transform: translateY(-100px);
	}
	100%{
		-o-transform: translateY(0px);
	}
}

.banner img.img_02{
	animation:img_02 1s ease 1;
	-webkit-animation:img_02 1s ease 1;
	-moz-animation:img_02 1s ease 1;
	-ms-animation:img_02 1s ease 1;
	-o-animation:img_02 1s ease 1;
} 
@keyframes img_02{
	0%{
		transform: translateX(-2000px);
		-ms-transform:translateX(-2000px);
	}
	100%{
		transform: translateX(0px);
		-ms-transform:translateX(0px);
	}
}
@-webkit-keyframes img_02{
	0%{
		-webkit-transform: translateX(-2000px);
	}
	100%{
		-webkit-transform: translateX(0px);
	}
}
@-moz-keyframes img_02{
	0%{
		-moz-transform: translateX(-2000px);
	}
	100%{
		-moz-transform: translateX(0px);
	}
}
@-o-keyframes img_02{
	0%{
		-o-transform: translateX(-2000px);
	}
	100%{
		-o-transform: translateX(0px);
	}
}

.banner img.img_03{
	animation:img_03 0.5s ease 1;
	-webkit-animation:img_03 0.5s ease 1;
	-moz-animation:img_03 0.5s ease 1;
	-ms-animation:img_03 0.5s ease 1;
	-o-animation:img_03 0.5s ease 1;
} 
@keyframes img_03{
	0%{
		transform: translateY(100px);
		-ms-transform:translateY(100px);
		 -khtml-opacity: 0;   
    opacity: 0;  
    filter:alpha(opacity=0);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
	}
	100%{
		transform: translateY(0px);
		-ms-transform:translateY(0px);
		-khtml-opacity: 1;  
    opacity: 1;  
    filter:alpha(opacity=100);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
	}
}
@-webkit-keyframes img_03{
	0%{
		-webkit-transform: translateY(100px);
		 -webkit-opacity: 0;  
	-khtml-opacity: 0;   
    filter:alpha(opacity=0);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
	}
	100%{
		-webkit-transform: translateY(0px);
		 -webkit-opacity: 1; 
	-khtml-opacity: 0;   
    filter:alpha(opacity=0);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
	}
}
@-moz-keyframes img_03{
	0%{
		-moz-transform: translateY(100px);
		-moz-opacity: 0; 
	-khtml-opacity: 0;   
    filter:alpha(opacity=0);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
	}
	100%{
		-moz-transform: translateY(0px);
		-moz-opacity: 1;  
	-khtml-opacity: 0;   
    filter:alpha(opacity=0);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);   
	}
}
@-o-keyframes img_03{
	0%{
		-o-transform: translateY(100px);
		 -khtml-opacity: 0; 
	opacity: 0;  
    filter:alpha(opacity=0);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
	}
	100%{
		-o-transform: translateY(0px);
		 -khtml-opacity: 1;  
    opacity: 1;  
    filter:alpha(opacity=100);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
	}
}

.banner img.img_04{ 
	animation:img_04 1s linear 1;
	-webkit-animation:img_04 1s linear 1;
	-moz-animation:img_04 1s linear 1;
	-ms-animation:img_04 1s linear 1;
	-o-animation:img_04 1s linear 1;
	
	}
	
@keyframes img_04{
	0%{
    -khtml-opacity: 0; 
    opacity: 0;  
    filter:alpha(opacity=0);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
	
	 transform:scale(0,0);
	-ms-transform:scale(0,0);
	}
	100%{
		opacity:1;
    -khtml-opacity: 1;  
    filter:alpha(opacity=100);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
	 transform:scale(1,1);
	-ms-transform:scale(1,1);
		}

	}
@-moz-keyframes img_04{
	0%{   -moz-opacity: 0;  
    -khtml-opacity: 0;      
    filter:alpha(opacity=0);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
		  -moz-transform:scale(0,0);
		  -ms-transform:scale(0,0);
	
	}
	100%{ -moz-opacity:1;
	 -khtml-opacity: 1;      
    filter:alpha(opacity=100);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
		  -moz-transform:scale(1,1);
		  -ms-transform:scale(1,1);
		}

	}
@-webkit-keyframes img_04{
	0%{ -webkit-opacity: 0; 
	-khtml-opacity: 0;      
    filter:alpha(opacity=0);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
		  -webkit-transform:scale(0,0);
		  -ms-transform:scale(0,0);
	
	}
	100%{ 
		  -webkit-transform:scale(1,1);
		  -ms-transform:scale(1,1);	
	 -webkit-opacity: 1;  
	-khtml-opacity: 1;      
    filter:alpha(opacity=100);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  
		    
		}

	}
@-o-keyframes img_04{
	0%{  opacity:0; 
		 -khtml-opacity: 0;      
        filter:alpha(opacity=0);  
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   
        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
		  -ms-transform:scale(0,0);
		  -o-transform:scale(0,0);
	
	}
	100%{ 
	opacity:1;
	-khtml-opacity: 1;      
    filter:alpha(opacity=100);  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 
		  -ms-transform:scale(1,1);
		  -o-transform:scale(1,1);
		}

	}






.banner dt{ float:left; width: 64%; }
.banner dd{ float:right; width: 36%; }
.main01{ width: 1200px; margin:0 auto 100px; }
h2{ width: auto; text-align: center; height: 61px;  font-weight: normal; position: relative; margin-bottom:40px; }
h2 span{ padding:0 30px; border-bottom:1px #444 solid;font-size:38px;  height: 50px; line-height: 50px; padding-bottom:10px; }
h2  i{ display: block; width:100px; border-bottom:3px #ff8a00 solid; position: absolute; left:50%; bottom:-1px;margin-left:-50px;    }

.main01_cnt{ text-align: center; }
.main01_cnt p.sj_tit{ font-size:18px; height: 40px; line-height: 40px; text-align: left; margin-bottom:2%; }
.sj_cnt{ margin:0 12.9%;  position: relative; }
.sj_cnt dd{ position: absolute; width: 90%; height: 80%; bottom:11.7%; left:10%; }
.sj_cnt dd div{ height: 100%;background-color: #fff; }
.sj_cnt dd div.div{

	animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards; 
	-webkit-animation-fill-mode:forwards;
	-ms-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards; }

.sj_cnt dd div.div {
	animation:ul 1s linear ;
	-webkit-animation:ul 1s linear;
	-moz-animation:ul 1s linear;
	-ms-animation:ul 1s linear;
	-o-animation:ul 1s linear;
}
@keyframes ul{
   0%{height: 100%;}
   100%{height: 0;}
}
@-webkit-keyframes ul{
	 0%{height: 100%;}
   100%{height: 0;}
}

@-moz-keyframes ul{
	 0%{height: 100%;}
   100%{height: 0;}
}

@-o-keyframes ul{
	 0%{height: 100%;}
   100%{height: 0;}
}
.main01_cnt p.p01{ font-size:16px; margin:20px 0 10px;  }
.main01_cnt p.p01 b{ font-size:24px; color:#ff8a00; }

.main02{width: 1200px; margin:0 auto 50px;}
.main02_cnt li { float:left; width:15%; margin:0 0.5%; background-color: #f5f5f5; padding:2%;  text-align: center;  } 
.main02_cnt li img,.main04_cnt_01 dl  img,.main06_cnt .zx_tit img{ transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-auto; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; }
.main02_cnt li:hover img,.main04_cnt_01 dl:hover img,.main06_cnt .zx_tit:hover img{transform: rotate(360deg);-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); }
.main02_cnt li  span{ display: block; text-align: center; font-size:18px; height:36px; line-height: 36px; width: 100%; margin-top:12px; }
.main02_cnt li  p{ text-align: left; margin-bottom:5px; }
.main02_cnt li  p.pl{ height:72px;}
.main02_cnt li  p.p2{ height:100px;}
.main02_cnt li  a{ display: block;  height: 28px; line-height: 28px; margin:15px 12.5% 0; padding:0 10% 0 20%; border:1px #ff8a00 solid ;  color:#ff8a00 ; background:url(../images/zx_01.png) no-repeat 20% 50%;  }
.main02_cnt li  a:hover{ background: #ff8a00 url(../images/zx_02.png) no-repeat 20% 50%; color:#fff; }

/*main02 animation*/

.main02_cnt li.li01{
	animation: li01 1s ease-in-out; 
	-webkit-animation: li01 1s ease-in-out; 
	-moz-animation: li01 1s ease-in-out; 
	-ms-animation: li01 1s ease-in-out; 
	-o-animation: li01 1s ease-in-out; 
}
@keyframes li01{
	0%{ 
		transform: translateX(-2000px);
		-ms-transform:translateX(-2000px); }
	100%{ 
		transform: translateX(0px);
        -ms-transform: translateX(0px);
		 }
}
@-webkit-keyframes li01{
	0%{ -webkit-transform: translateX(-2000px); }
	100%{ -webkit-transform: translateX(0px); }
}

@-moz-keyframes li01{
	0%{ -moz-transform: translateX(-2000px); }
	100%{ -moz-transform: translateX(0px); }
}

@-o-keyframes li01{
	0%{ -o-transform: translateX(-2000px); }
	100%{ -o-transform: translateX(0px); }
}

.main02_cnt li.li02{
	animation: li02 1s ease-in-out; 
	-webkit-animation: li02 1s ease-in-out; 
	-moz-animation: li02 1s ease-in-out; 
	-ms-animation: li02 1s ease-in-out; 
	-o-animation: li02 1s ease-in-out; 
}
@keyframes li02{
	0%{ 
		transform: translateX(-2000px);
		-ms-transform:translateX(-2000px); }
	100%{ 
		transform: translateX(0px);
        -ms-transform: translateX(0px);
		 }
}
@-webkit-keyframes li02{
	0%{ -webkit-transform: translateX(-2000px); }
	100%{ -webkit-transform: translateX(0px); }
}

@-moz-keyframes li02{
	0%{ -moz-transform: translateX(-2000px); }
	100%{ -moz-transform: translateX(0px); }
}

@-o-keyframes li02{
	0%{ -o-transform: translateX(-2000px); }
	100%{ -o-transform: translateX(0px); }
}

.main02_cnt li.li03{
	animation: li03 1s ease-in-out; 
	-webkit-animation: li03 1s ease-in-out; 
	-moz-animation: li03 1s ease-in-out; 
	-ms-animation: li03 1s ease-in-out; 
	-o-animation: li03 1s ease-in-out; 
}
@keyframes li03{
	0%{ 
		transform:scale(0,0);
	    -ms-transform:scale(0,0); }
	100%{ 
		transform:scale(1,1);
	-ms-transform:scale(1,1);;
		 }
}
@-webkit-keyframes li03{
	0%{ -webkit-transform: scale(0,0); }
	100%{ -webkit-transform: scale(1,1); }
}

@-moz-keyframes li03{
	0%{ -moz-transform: scale(0,0); }
	100%{ -moz-transform: scale(1,1); }
}

@-o-keyframes li03{
	0%{ -o-transform: scale(0,0); }
	100%{ -o-transform: scale(1,1); }
}

.main02_cnt li.li04{
	animation: li04 1s ease-in-out; 
	-webkit-animation: li04 1s ease-in-out; 
	-moz-animation: li04 1s ease-in-out; 
	-ms-animation: li04 1s ease-in-out; 
	-o-animation: li04 1s ease-in-out; 
}
@keyframes li04{
	0%{ 
		transform: translateX(2000px);
		-ms-transform:translateX(2000px); }
	100%{ 
		transform: translateX(0px);
        -ms-transform: translateX(0px);
		 }
}
@-webkit-keyframes li04{
	0%{ -webkit-transform: translateX(2000px); }
	100%{ -webkit-transform: translateX(0px); }
}

@-moz-keyframes li04{
	0%{ -moz-transform: translateX(2000px); }
	100%{ -moz-transform: translateX(0px); }
}

@-o-keyframes li04{
	0%{ -o-transform: translateX(2000px); }
	100%{ -o-transform: translateX(0px); }
}

.main02_cnt li.li05{
	animation: li05 1s ease-in-out; 
	-webkit-animation: li05 1s ease-in-out; 
	-moz-animation: li05 1s ease-in-out; 
	-ms-animation: li05 1s ease-in-out; 
	-o-animation: li05 1s ease-in-out; 
}
@keyframes li05{
	0%{ 
		transform: translateX(2000px);
		-ms-transform:translateX(2000px); }
	100%{ 
		transform: translateX(0px);
        -ms-transform: translateX(0px);
		 }
}
@-webkit-keyframes li05{
	0%{ -webkit-transform: translateX(2000px); }
	100%{ -webkit-transform: translateX(0px); }
}

@-moz-keyframes li05{
	0%{ -moz-transform: translateX(2000px); }
	100%{ -moz-transform: translateX(0px); }
}

@-o-keyframes li05{
	0%{ -o-transform: translateX(2000px); }
	100%{ -o-transform: translateX(0px); }
}



.main03{ width:100%; padding:50px 0; background-color:#f5f5f5; margin-bottom:50px;}
.liucheng_cnt{ width:1200px; margin:0 auto;}
.liucheng_cnt li{ float:left; width:49.7%; height:95px;  font-size:14px;}
.liucheng_cnt li span{display: block;width: 45%; line-height: 24px; height: 95px;}
.liucheng_cnt li a{ font-size:18px; display: block; width: 100%; line-height: 30px; color:#444; font-weight:bold;}

.liucheng_cnt li.lc_cnt01{ text-align:right;  border-right:1px #222 dashed;}
.liucheng_cnt li i{ border-bottom:1px #444 dashed; display: block;height: 49px; width: 30% }
.liucheng_cnt li img{ display: block;margin:0 3%; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; }
.liucheng_cnt li:hover img{ transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}

.liucheng_cnt li.lc_cnt02{ border-left:1px #222 dashed;}

.liucheng_cnt li.lc_cnt01 span,.liucheng_cnt li.lc_cnt01 img,.liucheng_cnt li.lc_cnt02 span,.liucheng_cnt li.lc_cnt02 i,.liucheng_cnt li.lc_cnt02 img{ float: left;   }
.liucheng_cnt li.lc_cnt01 i{ float:right; }
.liucheng_cnt li.lib a{ height: 95px; line-height: 95px; }

/*main03 animation*/
.liucheng_cnt li .li_01{
	animation: li_01 0.8s ease-in-out; 
	-webkit-animation: li_01 0.8s ease-in-out; 
	-moz-animation: li_01 0.8s ease-in-out; 
	-ms-animation: li_01 0.8s ease-in-out; 
	-o-animation: li_01 0.8s ease-in-out; 
}

@keyframes li_01{
	0%{ 
		transform: translateX(-2000px);
		-ms-transform:translateX(-2000px); }
	100%{ 
		transform: translateX(0px);
        -ms-transform: translateX(0px);
		 }
}
@-webkit-keyframes li_01{
	0%{ -webkit-transform: translateX(-2000px); }
	100%{ -webkit-transform: translateX(0px); }
}

@-moz-keyframes li_01{
	0%{ -moz-transform: translateX(-2000px); }
	100%{ -moz-transform: translateX(0px); }
}

@-o-keyframes li_01{
	0%{ -o-transform: translateX(-2000px); }
	100%{ -o-transform: translateX(0px); }
}

.liucheng_cnt li .li_02{
	animation: li_02 1s ease-in-out; 
	-webkit-animation: li_02 1s ease-in-out; 
	-moz-animation: li_02 1s ease-in-out; 
	-ms-animation: li_02 1s ease-in-out ; 
	-o-animation: li_02 1s ease-in-out ; 
}

@keyframes li_02{
	0%{ 
		transform: translateX(2000px);
		-ms-transform:translateX(2000px); }
	100%{ 
		transform: translateX(0px);
        -ms-transform: translateX(0px);
		 }
}
@-webkit-keyframes li_02{
	0%{ -webkit-transform: translateX(2000px); }
	100%{ -webkit-transform: translateX(0px); }
}

@-moz-keyframes li_02{
	0%{ -moz-transform: translateX(2000px); }
	100%{ -moz-transform: translateX(0px); }
}

@-o-keyframes li_02{
	0%{ -o-transform: translateX(2000px); }
	100%{ -o-transform: translateX(0px); }
}

.liucheng_cnt li .li_03{
	animation: li_03 1.2s ease-in-out; 
	-webkit-animation: li_03 1.2s ease-in-out; 
	-moz-animation: li_03 1.2s ease-in-out; 
	-ms-animation: li_03 1.2s ease-in-out ; 
	-o-animation: li_03 1.2s ease-in-out ; 
}

@keyframes li_03{
	0%{ 
		transform: translateX(-2000px);
		-ms-transform:translateX(-2000px); }
	100%{ 
		transform: translateX(0px);
        -ms-transform: translateX(0px);
		 }
}
@-webkit-keyframes li_03{
	0%{ -webkit-transform: translateX(-2000px); }
	100%{ -webkit-transform: translateX(0px); }
}

@-moz-keyframes li_03{
	0%{ -moz-transform: translateX(-2000px); }
	100%{ -moz-transform: translateX(0px); }
}

@-o-keyframes li_03{
	0%{ -o-transform: translateX(-2000px); }
	100%{ -o-transform: translateX(0px); }
}
.liucheng_cnt li .li_04{
	animation: li_04 1.4s ease-in-out; 
	-webkit-animation: li_04 1.4s ease-in-out; 
	-moz-animation: li_04 1.4s ease-in-out; 
	-ms-animation: li_04 1.4s ease-in-out ; 
	-o-animation: li_04 1.4s ease-in-out ; 
}

@keyframes li_04{
	0%{ 
		transform: translateX(2000px);
		-ms-transform:translateX(2000px); }
	100%{ 
		transform: translateX(0px);
        -ms-transform: translateX(0px);
		 }
}
@-webkit-keyframes li_04{
	0%{ -webkit-transform: translateX(2000px); }
	100%{ -webkit-transform: translateX(0px); }
}

@-moz-keyframes li_04{
	0%{ -moz-transform: translateX(2000px); }
	100%{ -moz-transform: translateX(0px); }
}

@-o-keyframes li_04{
	0%{ -o-transform: translateX(2000px); }
	100%{ -o-transform: translateX(0px); }
}

.liucheng_cnt li .li_05{
	animation: li_05 1.6s ease-in-out; 
	-webkit-animation: li_05 1.6s ease-in-out; 
	-moz-animation: li_05 1.6s ease-in-out; 
	-ms-animation: li_05 1.6s ease-in-out ; 
	-o-animation: li_05 1.6s ease-in-out ; 
}

@keyframes li_05{
	0%{ 
		transform: translateX(-2000px);
		-ms-transform:translateX(-2000px); }
	100%{ 
		transform: translateX(0px);
        -ms-transform: translateX(0px);
		 }
}
@-webkit-keyframes li_05{
	0%{ -webkit-transform: translateX(-2000px); }
	100%{ -webkit-transform: translateX(0px); }
}

@-moz-keyframes li_05{
	0%{ -moz-transform: translateX(-2000px); }
	100%{ -moz-transform: translateX(0px); }
}

@-o-keyframes li_05{
	0%{ -o-transform: translateX(-2000px); }
	100%{ -o-transform: translateX(0px); }
}

.liucheng_cnt li .li_06{
	animation: li_06 1.6s ease-in-out; 
	-webkit-animation: li_06 1.6s ease-in-out; 
	-moz-animation: li_06 1.6s ease-in-out; 
	-ms-animation: li_06 1.6s ease-in-out ; 
	-o-animation: li_06 1.6s ease-in-out ; 
}

@keyframes li_06{
	0%{ 
		transform: translateX(2000px);
		-ms-transform:translateX(2000px); }
	100%{ 
		transform: translateX(0px);
        -ms-transform: translateX(0px);
		 }
}
@-webkit-keyframes li_06{
	0%{ -webkit-transform: translateX(2000px); }
	100%{ -webkit-transform: translateX(0px); }
}

@-moz-keyframes li_06{
	0%{ -moz-transform: translateX(2000px); }
	100%{ -moz-transform: translateX(0px); }
}

@-o-keyframes li_06{
	0%{ -o-transform: translateX(2000px); }
	100%{ -o-transform: translateX(0px); }
}







.main04{ width: 1200px; margin:0 auto 50px; margin-bottom:50px; }
.main04 h3{ height: 40px; line-height: 40px; margin-bottom:30px; }
.main04 h3 span{ font-size:24px;  font-weight: normal;}
.main04_cnt_01 { margin-bottom:30px; }
.main04_cnt_01 dl{ float:left; width: 33.3333333%; background-color: #f5f5f5; } 
.main04_cnt_01 dl dt,.main04_cnt_01 dl dd{ float:left;}
.main04_cnt_01 dl dt{ width: 50%; text-align: center;  margin-top:15%; height: 85% }

.main04_cnt_01 dl dt b{ display: block; width: 100%; height: 30px; line-height: 30px; margin-top:15px; font-size:16px; font-weight: normal; }
.main04_cnt_01 dl dd{ width: 40%;  background-color: #f0871b; color: #fff;padding:5%;  }
.main04_cnt_01 dl dd .nr{ height: 160px; }
.main04_cnt_01 dl dd a{ display: block;padding:0 10% 0 20%; margin:0 10%; height: 30px; line-height: 30px; background: #fff url(../images/zx_01.png) no-repeat 20% 50% ; color:#f0871b; border-radius: 3px; text-align: center; border-radius: 3px; }
.main04_cnt_02 dl{ width: 22%; float:left; margin:0 1.5%; text-align: center; overflow: hidden; position: relative;  }
.main04_cnt_02 dl dt{border:1px #dedede solid; padding:10%; }
.main04_cnt_02 dl dt b{ display: block; width: 100%; text-align: center; font-size:24px; font-weight: normal; height: 50px; line-height: 50px; }
.main04_cnt_02 dl dd { padding:10%; width: 80%; height: 80%; background-color: #f5f5f5; text-align: left;  }
.main04_cnt_02 dl dd,.r_nr dl dd {
	position: absolute;
	left:0;
	top:0;
	transition:all 0.8s ease-in-out; 
	-webkit-transition:all 0.8s ease-in-out; 
	-moz-transition:all 0.8s ease-in-auto; 
	-ms-transition:all 0.8s ease-in-out; 
	-o-transition:all 0.8s ease-in-out; 
    transform: translate(0,-200px);
    -webkit-transform: translate(0,-400px);
    -moz-transform: translate(0,-400px);
    -ms-transform: translate(0,-400px);
    -o-transform: translate(0,-400px);
	 }


.main04_cnt_02 dl:hover dd,.r_nr dl:hover dd{transform: translate(0,0px);
    -webkit-transform: translate(0,0px);
    -moz-transform: translate(0,0px);
    -ms-transform: translate(0,0px);
    -o-transform: translate(0,0px);}
.main04_cnt_02 dl dd span{ display: block; width:100%; font-size:14px; }
.main04_cnt_02 dl dd a{ display: block; padding:0 10% 0 20%; margin:0 15%; border:1px #f0871b solid; margin-top:15px;height: 30px; line-height: 30px;  color:#ff8a00 ;border-radius: 3px;  background:url(../images/zx_01.png) no-repeat 20% 50%; }
.main04_cnt_02 dl dd  a:hover{ background: #ff8a00 url(../images/zx_02.png) no-repeat 20% 50%; color:#fff; }

.main05{ width: 100%; padding:50px 0; background-color:#f8f9fb; margin-bottom:50px; }
.main05_cnt{ width: 1200px; margin:0 auto 1.5%; border-bottom:1px #dedede dashed; padding-bottom:1.5%; }
.main05_cnt_l{ float:left; width: 55%; margin-top:1.5%;}
.main05_cnt_l dt{ float:left; width: 31%; padding:1.5% 5% 1.5% 0; border-right:1px #444 solid; margin-right:5%; text-align: right; }
.main05_cnt_l dt b{ display: block; width: 100%; line-height: 60px; font-size:40px; font-weight: normal;color:#ff8a00;  }
.main05_cnt_l dt span{ display: block; width: 100%;  font-size:20px;  line-height: 30px;  }
.main05_cnt_l dd{ float:right; width: 58%; margin-top:1.5%;}
.main05_cnt_r{ float:right;width: 40%; }
.main05_cnt_r h3{ font-size:16px; height: 30px; line-height: 30px; margin-bottom:10px; }
.r_nr dl{float:left; width: 30.3333333%; margin:0 1.5%;  overflow: hidden; position: relative; }
.r_nr dl dt { text-align: center; width: 100%; }
.r_nr dl dt img{ border:1px #dedede solid; max-width: 98%;  }
.r_nr dl dd{ background-color: #ff8a00;  padding:8%; height:80%;width: 84% }

.r_nr dl dd a.kc{ display: block; width: 100%; text-align: center; color:#fff; font-size:14px; margin-bottom:5px; }
.r_nr dl dd a.zx{ display: block; width: 80%; margin:0 10%;  height: 28px; line-height: 28px; background-color: #fff; color:#ff8a00; text-align: center; border-radius: 3px;  }

.r_nr dl.dl_dh{}

.r_nr dl.dl_dh{
	animation: dl_dh 1s ease-in-out; 
	-webkit-animation: dl_dh 1s ease-in-out; 
	-moz-animation: dl_dh 1s ease-in-out; 
	-ms-animation: dl_dh 1s ease-in-out; 
	-o-animation: dl_dh 1s ease-in-out; 
}
@keyframes dl_dh{
	0%{ 
		transform:scale(0,0);
	    -ms-transform:scale(0,0); }
	100%{ 
		transform:scale(1,1);
	-ms-transform:scale(1,1);;
		 }
}
@-webkit-keyframes dl_dh{
	0%{ -webkit-transform: scale(0,0); }
	100%{ -webkit-transform: scale(1,1); }
}

@-moz-keyframes dl_dh{
	0%{ -moz-transform: scale(0,0); }
	100%{ -moz-transform: scale(1,1); }
}

@-o-keyframes dl_dh{
	0%{ -o-transform: scale(0,0); }
	100%{ -o-transform: scale(1,1); }
}





.main06{ width: 1200px; margin:0 auto 100px; }
.main06_l{ float:left; width: 47.5%; padding-right:1%; margin-right:1%; border-right:1px #dedede dashed;}
.main06_cnt .zx_tit{ float: left; width:30%; text-align: center; margin-top: 2%;  }
.main06_cnt .zx_tit span{ width: 100%; display: block;  font-size:16px; height: 40px; line-height: 40px;}
.main06_r{ float:right;width: 47.5%; }
.main06_cnt ul{ float:right; width:68%; }
.main06_cnt ul li{ font-family: "SimSun"; width: 99%; overflow: hidden; text-overflow:ellipsis; }
.main06_cnt ul li a{ font-family: "Microsoft YaHei" }

.footer{ width: 1200px; margin:0 auto 20px;  }
.footer_l{ width: 75%; float:left; }
.footer_l table{ width: 100% !important;  }
.footer_r{ width: 20%; float:right; text-align: center;  padding-left:2%; margin-left:2%; border-left:1px #dedede solid;}
.footer_r span{ width:100%; display: block; height: 30px; line-height: 30px; }

.copyright{ display:none; padding:1em 0em 1em; text-align:center;border-top:2px solid #4e8099; margin:1.5em 0 2em;}
.copyright p{ margin-bottom:0.3em; margin:0 0.3em 0.3em;}
.copyright p a{ margin-right:5px;}

.last{ display:none;width:100%; height:40px; line-height:40px; background:#2978BB; position:fixed; z-index:99999; bottom:0px;}
.last ul li{ float:left; width:33%; height:40px; border-right:1px #61B3FA solid; background:#2978BB; text-align:center; display:block; overflow:hidden;}
.last ul li a { display:inline-block; height:40px; width:99.8%; color:#FFF; border-right:1px #0469BB solid; text-align:center; }
.last ul li a span { font-size:14px; font-weight:600;} 


@media only screen and (max-width:1200px){
   .banner,.main01,.main02,.liucheng_cnt,.main04,.main05_cnt,.main06,.footer{ width: 1024px; }
   .liucheng_cnt li{ height: 120px; }
   .liucheng_cnt li span{ width: 55%; height: 120px; }
   .liucheng_cnt li i{ width: 15%; }
   .main02_cnt li  p.p2{ height:120px;}
   .main02_cnt li.li04 p.pl,.main02_cnt li.li05 p.pl{ height:auto;}
   .main02_cnt li.li04 p.p2,.main02_cnt li.li05 p.p2{ height:72px;}
}

@media only screen and (max-width:1024px){
   .banner{ width: 100%; }
   .main01,.main06{ width: 95%; margin:0 2.5% 10%; }
   .main02,.main04{ width: 95%; margin:0 2.5% 5%; }
   .main02_cnt li{ width: 23.333333333%; margin:0 1% 2%; padding:4%; }
   .main02_cnt li p.p2{ height:100px;}
   .liucheng_cnt{width: 95%; margin:0 2.5%;} 
   .liucheng_cnt li span{ width: 60%;}
   .liucheng_cnt li i{ width: 5%; }
   .main04_cnt_01 dl{ width: 50%; margin-bottom:2%; }
   .main04_cnt_02 dl dd{ padding:7%; width: 86%; height: 86%; }
   .main04_cnt_02 dl dd a{ margin:5% 5% 0; }
   .main05_cnt{width: 95%; margin:0 2.5% 3%;}
   .main05_cnt_l{ width: 46%;  }
   .main05_cnt_l dt{ width: 35%; padding-right:3%; margin-right:3%; }
   .main05_cnt_l dd{ width: 58%; }
   .main05_cnt_l dt b{ font-size: 30px; }
   .main05_cnt_l dt span{ font-size: 14px; }
   .main05_cnt_r{ width: 53%; }
   .r_nr dl{ margin:0 1%; width: 31.333333% }
   .main06_cnt .zx_tit{ width: 100%; margin:0 0 2%; }
   .main06_cnt ul{ width: 100%; }
   .footer{width: 95%; margin:0 2.5% 2%; }

@media only screen and (max-width:768px){
    .main02_cnt li  p.p2{ height:120px;}


    
	.main04_cnt_01 dl{ width: 100%; }
	.main04_cnt_01 dl dt{ margin-top:10%; }
	.main04_cnt_02 dl{ width: 48%; margin:0 1% 3%; }
	.main04_cnt_02 dl dd{ height: 80%; }
	.main04_cnt_02 dl dd a{ margin:5% 20% 0; }
	.r_nr dl dd{ padding:15%; width: 70%; }
	.main05_cnt_l,.main05_cnt_r{ width: 100%; margin-bottom:3%;margin-top:0; }
	.footer{ display: none; }
	#qiao-wrap,#QIAO_INVITE_CONTAINER,#QIAO_ICON_CONTAINER .qiao-icon-sector-inner{ display:none !important;}
	#QIAO_INVITE_CONTAINER{ width:0 !important; height:0 !important;}
	.copyright,.last{ display:block;}
}

@media only screen and (max-width:680px){
	.main02_cnt li p.pl{ height:50px;}
	.main02_cnt li.li03 p.pl,.main02_cnt li.li04 p.pl{ height:50px;}
	.main02_cnt li  p.p2{ height:80px;}
	.main02_cnt li.li03 p.p2,.main02_cnt li.li04 p.p2,.main02_cnt li.li05 p.p2{ height:auto;}
.main02_cnt li{ width: 40%;  }
.liucheng_cnt li{ display: none; width: 100%; border-left:0 !important; border-right:0 !important; border-bottom:1px #dedede dashed; padding:10px 0; height: auto; line-height: auto; }
.liucheng_cnt li.lc_cnt01,.liucheng_cnt li.lc_cnt02{ display: block !important; }
.liucheng_cnt li i{ display: none; }
.liucheng_cnt li span{ width: 70%; height: auto; }
}

@media only screen and (max-width:600px){
	.main02_cnt li p.pl{ height:72px;}
	.main02_cnt li  p.p2{ height:100px;}
    .main06_l{ border-bottom:1px #dedede dashed; padding-bottom:3%; margin-bottom:3%; }
	.main06_l,.main06_r{ width: 100%; border-right:0; padding-right:0; margin-right:0; float:left; }
	.main06_cnt .zx_tit{ width: 35%; }
	.main06_cnt ul{ width: 63%; }
	
}
@media only screen and (max-width:480px){
	.main02_cnt li{ width:90% ; margin:0 0 3%; padding:5%; height: auto; }
	.main02_cnt li .kynr{ height: auto; margin:2% 0; }
	.main02_cnt li p.pl,.main02_cnt li p.p2{ height:auto !important;}
	.main02_cnt li a{ margin:5% 25% 0; padding:0 10% 0 15%; }
	.liucheng_cnt li span{ width: 63%; }
.main04_cnt_02 dl dd a{ margin:5% 5% 0; }
.main04_cnt_02 dl dd{ height: 90%; width: 90%; padding:5%; }
.main05_cnt_l dt{ width:100%; margin-right:0; padding-right:0; border-right:0; text-align:left;}
.main05_cnt_l dt b{ float:left; width:auto; margin-right:2%; height:40px; line-height:40px;}
.main05_cnt_l dt span{ float:left; width:auto; height:40px; line-height:40px;}
.main05_cnt_l dd{ width:100%;}
.r_nr dl{ width:48%; margin-bottom:2%;}
}

@media only screen and (max-width:400px){
	h2 span{ padding:0 10px 10px; }
	.main04_cnt_01 dl dt{ width: 100%; margin:5% 0;  }
	.main04_cnt_01 dl dd a{ margin:0 20%; }
	.main04_cnt_01 dl dd{ width: 90%; }
	.main04_cnt_01 dl dd .nr{ height: auto; margin:5% 0; }
.main06_cnt .zx_tit{ width: 100%; }
.main06_cnt ul{ width: 100%; }


}