html,body,div,p,dl,dt,dd,ul,li,form,input,button,textarea,h1,h2,h3,h4,h5,h6{ margin:0;padding:0;border:0;}
body{ overflow-x:hidden; font-family:'Microsoft Yahei',arial,sans-serif;font-size:16px;	background:#fff; font:12px/24px '微软雅黑'; color:#484848;  margin:0 auto;}
img{ border:none;}
ul,li,dl,dt,dd{	list-style:none;}
a{ text-decoration:none !important; outline:none; /*color:#484848*/;color:#888889;}
/*a:hover{ color:#be0d76;}*/
.index{ margin:0 auto; max-width:1920px;}
.fl{ float:left;}
.fr{ float:right;}
.fc-red { color:#f00;}
.clear{ clear:both;}
.wd1250{ width:1250px; margin:0 auto;}
.wd1200{ width:1200px; margin:0 auto;}
/*基本格式结束*/
.header{ height:95px; }
header{ height:95px; }
.logo{ width:181px; height:61px; padding:17px 0;}
.yuyan{ width:140px; height:60px; padding:18px 0; line-height:60px; font-size:14px; margin-right:42px;}
.yuyan a{ color:#333;}
.yuyan a:hover{ color:#1f9b42}
.inav{ width:100%; height:40px; background:url(../images/na_bg.jpg) left top repeat-x;}
.navIn ul li{ width:165px; height:40px; float:left; text-align:center; line-height:40px; font-size:16px; background:url(../images/line.png) right center no-repeat;}
.navIn ul li a{ display:block;  width:165px; height:40px;  color:#fff;}
.navIn ul li a:hover,.navIn ul li a.hover{ background:url(../images/nav_hov.png) center center no-repeat;}

/*banner  begin*/
/*banner部分*/
.banner{ width:100%; height:459px; overflow:hidden; position:relative; margin-bottom:15px;}
.big{ position:absolute; width:100%; height:459px; margin-left:-960px; left:50%; z-index:2}
.b_nei{ height:380px;}
.fade{ width:100%; height:459px; position:absolute; left:50%; margin-left:-960px;}
.img_list{ width:10000px; height:459px; position:absolute;}
.img_list .yid{ width:1920px; height:459px; float:left; }
.but{ width:60px; height:10px; position:absolute; z-index:6; left:50%; bottom:18px;}
.but li{ width:15px; height:15px; background:#fff; border-radius:15px; float:left; margin-right:10px; cursor:pointer;}
.but li.active{ width:15px; height:15px; background:#67b52f}


.onact p.span1 img{width:552px; height:65px; left:300px; top:120px; position:absolute; z-index:9999;
					animation: myfirst 6s ease 1s 1 forwards alternate;
					-moz-animation: myfirst 6s ease 1s 1 forwards alternate;
					-webkit-animation: myfirst 6s ease 1s 1 forwards alternate;
					-o-animation: myfirst 6s ease 1s 1 forwards alternate; 
					opacity:0;
					}
/*span2 img*/
.onact p.span2 img{width:545px; height:55px; left:400px; top:200px; position:absolute; z-index:9999;
					animation: mysecond 5s linear 4s 1 forwards alternate;
					-moz-animation: mysecond 5s linear 4s 1 forwards alternate;
					-webkit-animation: mysecond 5s linear 4s 1 forwards alternate;
					-o-animation: mysecond 5s linear 4s 1 forwards alternate; opacity:0;}	
					
/*span1 img的变化*/					
@keyframes myfirst
{
0%   {opacity:0; left:300px; top:120px; width:138px; height:13px;}
/*25%  { left:200px; top:0px;}
50%  {left:200px; top:200px;}
75%  { green; left:0px; top:200px;}
*/50% {opacity:0.8; left:300px; top:120px; width:504px; height:71px;}
100% {opacity:1; left:300px; top:120px; width:504px; height:71px;}

}

@-moz-keyframes myfirst 
{
0%   {opacity:0; left:300px; top:120px; width:138px; height:13px;}
/*25%  { left:200px; top:0px;}
50%  {left:200px; top:200px;}
75%  { green; left:0px; top:200px;}*/
50% {opacity:0.8; left:300px; top:120px; width:504px; height:71px;}
100% {opacity:1; left:300px; top:120px; width:504px; height:71px;}
}

@-webkit-keyframes myfirst 
{
0%   {opacity:0; left:300px; top:120px; width:138px; height:13px;}
/*25%  { left:200px; top:0px;}
50%  {left:200px; top:200px;}
75%  { green; left:0px; top:200px;}
*/50% {opacity:0.8; left:300px; top:120px; width:504px; height:71px;}
100% {opacity:1; left:300px; top:120px; width:504px; height:71px;}
}

@-o-keyframes myfirst 
{
0%   {opacity:0; left:300px; top:120px; width:138px; height:13px;}
/*25%  { left:200px; top:0px;}
50%  {left:200px; top:200px;}
75%  { green; left:0px; top:200px;}
*/50% {opacity:0.8; left:300px; top:120px; width:504px; height:71px;}
100% {opacity:1; left:300px; top:120px; width:504px; height:71px;}
}

/*span2 img的变化*/
@keyframes mysecond
{
0%   {opacity:0; left:400px; top:200px; width:138px; height:13px;}
/*25%  { left:200px; top:0px;}
50%  {left:200px; top:200px;}
75%  { green; left:0px; top:200px;}
*/50% {opacity:0.8; left:400px; top:200px; width:545px; height:55px;}
100% {opacity:1; left:400px; top:200px;width:545px; height:55px;}

}

@-moz-keyframes mysecond 
{
0%   {opacity:0; left:400px; top:200px; width:138px; height:13px;}
/*25%  { left:200px; top:0px;}
50%  {left:200px; top:200px;}
75%  { green; left:0px; top:200px;}
*/50% {opacity:0.8; left:400px; top:200px; width:545px; height:55px;}
100% {opacity:1; left:400px; top:200px; width:545px; height:55px;}


}

@-webkit-keyframes mysecond 
{
0%   {opacity:0; left:400px; top:200px; width:138px; height:13px;}
/*25%  { left:200px; top:0px;}
50%  {left:200px; top:200px;}
75%  { green; left:0px; top:200px;}
*/50% {opacity:0.8; left:400px; top:200px;width:545px; height:55px;}
100% {opacity:1; left:400px; top:200px; width:545px; height:55px;}


}

@-o-keyframes mysecond 
{
0%   {opacity:0; left:400px; top:200px; width:138px; height:13px;}
/*25%  { left:200px; top:0px;}
50%  {left:200px; top:200px;}
75%  { green; left:0px; top:200px;}*/
50% {opacity:0.8; left:400px; top:200px; width:545px; height:55px;}
100% {opacity:1; left:400px; top:200px; width:545px; height:55px;}

}

/*第二张幻灯片*/

.onact p.sp{ width:363px; height:33px; right:0px; top:0px; position: absolute; }
.onact .p1 img{ position:absolute; z-index:1; top:70px; 
					animation: myp1 2s linear 2s 1 forwards alternate;
					-moz-animation: myp1 2s linear 2s 1 forwards alternate;
					-webkit-animation: myp1 2s linear 2s 1 forwards alternate;
					-o-animation: myp1 2s linear 2s 1 forwards alternate;  opacity:0;}
					
.onact .p2 img{ position:absolute; z-index:1; top:110px; 
                    animation: myp3 2s linear 3s 1 forwards alternate;
					-moz-animation: myp3 2s linear 3s 1 forwards alternate;
					-webkit-animation: myp3 2s linear 3s 1 forwards alternate;
					-o-animation: myp3 2s linear 3s 1 forwards alternate;  opacity:0;}
					
.onact .p3 img{ position:absolute; z-index:1; top:150px; 
                    animation: myp2 2s linear 5s 1 forwards alternate;
					-moz-animation: myp2 2s linear 5s 1 forwards alternate;
					-webkit-animation: myp2 2s linear 5s 1 forwards alternate;
					-o-animation: myp2 2s linear 5s 1 forwards alternate;   opacity:0;}
					
.onact .p4 img{ position:absolute; z-index:1; top:190px; 
                   animation: myp2 2s linear 5s 1 forwards alternate;
					-moz-animation: myp2 2s linear 5s 1 forwards alternate;
					-webkit-animation: myp2 2s linear 5s 1 forwards alternate;
					-o-animation: myp2 2s linear 5s 1 forwards alternate;    opacity:0;}
					
.onact .p5 img{ position:absolute; z-index:1; top:230px; 
					animation: myp2 2s linear 7s 1 forwards alternate;
					-moz-animation: myp2 2s linear 7s 1 forwards alternate;
					-webkit-animation: myp2 2s linear 7s 1 forwards alternate;
					-o-animation: myp2 2s linear 7s 1 forwards alternate;    opacity:0;}
					
.onact .p6 img{ position:absolute; z-index:1; top:270px; 
					animation: myp2 2s linear 7s 1 forwards alternate;
					-moz-animation: myp2 2s linear 7s 1 forwards alternate;
					-webkit-animation: myp2 2s linear 7s 1 forwards alternate;
					-o-animation: myp2 2s linear 7s 1 forwards alternate;    opacity:0;}
					
.onact .p7 img{ position:absolute; z-index:1; top:310px; 
					animation: myp2 2s linear 7s 1 forwards alternate;
					-moz-animation: myp2 2s linear 7s 1 forwards alternate;
					-webkit-animation: myp2 2s linear 7s 1 forwards alternate;
					-o-animation: myp2 2s linear 7s 1 forwards alternate;   opacity:0;}
					

										
@keyframes myp1{
	0% {opacity:0;width:363px; height:33px;}
	100% {opacity:1;width:363px; height:33px;}
	 }					
@keyframes myp2{
	0% {opacity:0;width:363px; height:33px;}
	100% {opacity:1;width:363px; height:33px;}
	 }	
@keyframes myp3{
	0% {opacity:0;width:363px; height:33px;}
	100% {opacity:1;width:363px; height:33px;}
	 }						
@keyframes myp4{
	0% {opacity:0;width:363px; height:33px;}
	100% {opacity:1;width:363px; height:33px;}
	 }						
					
					
					

/*首页主体部分*/
.Icont{ width:100%; height:auto; display:table; padding-top:4px; }
.cont_in{ height:auto; display:table;}
.con1,.cont2{ width:380px; height:auto; display:table; margin-right:30px;}
.c1Top{ width:100%; height:40px; position:relative; line-height:40px; border-bottom:1px solid #ccc;}
.c1Top h5{ font-size:16px; color:#069249; width:100px; height:100%; border-bottom:2px solid #069249; padding-left:20px;}
.c1Top h4{ position:absolute; text-transform:uppercase; font-size:20px; color:#069249; left:0;}
.c1Top span{ display:block; width:50px; position:absolute; right:0; font-size:12px; background: url(../images/jian.jpg) right center no-repeat; top:2px; text-transform:uppercase;}
.c1Top span a{ color:#333;}
.abot,.cas{ width:100%; height:160px; overflow:hidden; padding-top:20px; font-size:14px; line-height:25px; padding-bottom:10px; }
.abot img{ width:160px; height:160px; float:left; margin-right:10px;}
.abot a{ color:#333;}

.casImg{  width:160px; height:160px; margin-right:10px;}
.casCon{ width:200px; height:160px;}
.casCon h3{ font-size:14px; color:#333; line-height:24px; font-weight:normal;}
.casCon h5{ font-size:14px; line-height:25px; padding-top:10px;   font-weight:normal;}
.casImg img{ width:160px; height:160px;}

.cont3{width:380px; height:auto; display:table;}
.cont3 ul li{ width:350px; padding-left:26px; height:30px; line-height:30px; font-size:14px; color:#333; background-image:url(../images/lx.jpg); background-repeat:no-repeat;}
.cont3 ul { padding-top:10px; }
.cont3 ul li.li1{ background-position:4px 11px;}
.cont3 ul li.li2{ background-position:4px -14px;}
.cont3 ul li.li3{ background-position:4px -40px;}
.cont3 ul li.li4{ background-position:4px -62px;}
.cont3 ul li.li5{ background-position:4px -89px;}
.cont3 ul li.li6{ background-position:4px -113px;}

.foot{ width:100%; height:auto; display:table; padding:10px 0; background:#5e5e5e; height:auto; display:table; margin-top:40px;}
.foot_in{ width:1200px; height:auto; display:table; font-size:14px; color:#fff; text-align:center; margin:0 auto;}
.foot_in a{ color:#fff;}


/*单页面部分开始*/
.dan{ width:100%; height:auto; display:table; background:#ffffff; padding-bottom:22px;}
.dan_nei{ height:auto; display:table; padding-top:14px;}
.posi{ width:100%; height:40px; line-height:40px; font-size:16px; color:#333; border-bottom:1px solid #ccc;}
.posi a{ color:#333;}
.neiCone{ width:100%; height:auto; display:tablea; padding-top:20px;}
.neiNav{ width:250px; height:auto; display:table;}
.navTop{ width:100%; height:60px; background:#575757; color:#fff; text-indent:20px; line-height:60px; font-size:20px}
.neiNav ul { padding-top:10px; padding-bottom:10px;}
.neiNav ul li{ width:100%; height:44px; line-height:44px; font-size:16px; border-bottom:1px solid #a8afc2; text-indent:20px;}
.neiNav ul li a{ display:block; width:100%; height:42px; color:#333;}
.neiNav ul li a:hover,.neiNav ul li a.hover{ background:#0a9448; color:#fff;}

.x_cont{ margin-top:10px; width:100%; height: auto; display:table; background: #eaeaea; border-top:2px solid #575757;}
.contr{ width:220px; padding:10px 15px; font-size:14px; color:#333;}
.contr img{ width:200px; height:200px; margin:10px auto 0; display:block;}

.x_crig{ width:888px; height:auto; display:table; }
.topB{ width:888px; height:202px;}
.cont_rig{ width:100%; height:auto; display:table; /*padding-top:14px;*/ font-size:14px; color:#333; line-height:30px;}
.ship{ width:100%; height:200px;}
.ship img{ width:100%; height:200px;}