*{pading:0;margin:0;list-style:none;border:0;}
body{font-family:Microsoft YaHei; background:url(../images/018.png);/*background-repeat:no-repeat;background-attachment:fixed;*/ }
*:focus {outline: none;}
.clearfloat{clear:both}
a{text-decoration: none;}
*:disabled{opacity:0.4;background:#dddddd;}
textarea{resize:none}










.logonavw{
/*background:rgba(255,255,255, 0.7);*/
width:100%;
position:fixed; z-index:999; top:0;
border-top:3px #2B3945 solid;
background:url(../images/030.png);
background-size:100%  64px; 
background-repeat:no-repeat;  
}
.logonav{
width:1200px;
margin:auto;
}
.logonav .logo{
float:left;
}
.logonav .logo img{
height:44px;
margin-top:9px;
}
.logonav .telephone{
float:right;
margin-top:17px;
}
.logonav .nav{
float:left;
margin-left:50px;
}
.logonav .nav .navli{
float:left;
font-size:18px;
width:100px;
text-align:center;
cursor:pointer;
color:#2A364C;
transition:0.3s;
}
.logonav .nav .narroww{
padding:20px 0px 20px 0px;
}
.logonav .nav .widew{
padding:20px 0px 20px 0px;
}
.logonav .nav .selected{
background:#FFB000;
color:#fff;
}
.logonav .nav .navli:hover{
background:#FFB000;
color:#fff;
}
.logonav .nav .navli .span{
color:#000;
}
.logonav .nav .navli .hide{
display:none;
background:#FFB000;
}
.logonav .nav .navli .narrow{
width:100%;
}
.logonav .nav .navli .wide{
width:270%;
position: relative;
top:20px;
padding-top:20px;
}
.logonav .nav .navli .wide .word1{
position: relative;
top:-20px;
}
.logonav .nav .navli .hide .word1{
margin-top:20px;
font-size:13px;
color:#fff;
}
.logonav .nav .navli .hide .word1:hover{
color:#000;
}








.productw{
width:100%;
height:880px;
/*background:url(../images/029.png);*/
/*background-size:100%  100%;*/
}
.productn{
background:url(../images/027.png);
background-size:100%  100%;
}
.productw .tle{
width:1200px;
margin:auto;
padding-top:70px;
padding-bottom:20px;
color:#67A8D4;
font-size:30px;
font-weight:500;
text-align:center;
transition:0.3s; 
}
.product{
width:1200px;
height:740px;
margin:auto;
background:url(../images/003.png);
}
.product .a{
transition:0.6s;
width:120px; 
height:120px;
}
.product .a .imga{
cursor:pointer;
}
.product .a1 .imga{animation:aimg 2s;animation-iteration-count:infinite;position:relative}
.product .a2 .imga{animation:aimg 1.7s;animation-iteration-count:infinite;position:relative}
.product .a3 .imga{animation:aimg 1.6s;animation-iteration-count:infinite;position:relative}
.product .a4 .imga{animation:aimg 1.5s;animation-iteration-count:infinite;position:relative}
.product .a5 .imga{animation:aimg 1.7s;animation-iteration-count:infinite;position:relative}
.product .a6 .imga{animation:aimg 1.6s;animation-iteration-count:infinite;position:relative}
.product .a7 .imga{animation:aimg 1.5s;animation-iteration-count:infinite;position:relative}
.product .a8 .imga{animation:aimg 1.8s;animation-iteration-count:infinite;position:relative}
@keyframes aimg{0%    {left:0px; top:0px;}50%   {left:0px; top:-7px;}100%  {left:0px; top:0px;}}

.product .a1{position: relative; left:690px; top:0px;}
.product .a2{position: relative; left:220px; top:-50px;}
.product .a3{position: relative; left:100px; top:100px;}
.product .a4{position: relative; left:380px; top:150px;}
.product .a5{position: relative; left:910px; top:-200px;}
.product .a6{position: relative; left:120px; top:-40px;}
.product .a7{position: relative; left:720px; top:-195px;}
.product .a8{position: relative; left:295px; top:-250px;}

.product .a .hide{
display:none;
z-index:999;
animation-iteration-count:1;
cursor:pointer;
background:rgba(255,255,255, 0.8);
border-radius:10px;
width:180px;
animation:hide 0.3s;
box-shadow: 0 20px 30px rgba(0,0,0,0.15), 0 17px 17px rgba(0,0,0,0.25); 
}
@keyframes hide
{
0%   {opacity:0;transform:scale(0,0);-ms-transform:scale(0,0);}
100% {opacity:1;transform:scale(1,1);-ms-transform:scale(1,1);}
}
.product .a .hide .word1{
font-size:22px;
color:#0099FF;
width:80%;
margin:auto;
text-align:center;
padding-top:30px;
}
.product .a .hide .word2{
font-size:14px;
color:#005F9E;
width:80%;
margin:auto;
text-align:center;
padding-top:20px;
padding-bottom:30px;
line-height:30px;
}
.product .a1 .hide{position: relative;top:-300px;left:20px;}
.product .a2 .hide{position: relative;top:-330px;left:-30px;}
.product .a3 .hide{position: relative;top:-330px;left:-30px;}
.product .a4 .hide{position: relative;top:-360px;left:-40px;}
.product .a5 .hide{position: relative;top:-360px;left:20px;}
.product .a6 .hide{position: relative;top:-270px;left:-20px;}
.product .a7 .hide{position: relative;top:-240px;left:-20px;}
.product .a8 .hide{position: relative;top:-200px;left:-70px;}





.specialw{
width:100%;
}
.specialw .tle{
width:1200px;
margin:auto;
padding-top:80px;
padding-bottom:20px;
color:#67A8D4;
font-size:30px;
font-weight:500;
text-align:center;
cursor:pointer;
transition:0.3s;
}
.specialw .tle:hover{
color:rgba(255,176,0, 1);
}
.special{
width:1200px;
margin:auto;
}
.special .specialul{
margin-top:30px;
}
.special .specialul .specialli{
float:left;
width:262.5px;
height:262.5px;
overflow:hidden;
}
.special .specialul .lileft{
margin-left:50px;
}
.special .specialul .speciallia{
	background-image: url(../images/022.png);
}
.special .specialul .speciallib{
	background-image: url(../images/023.png);
}
.special .specialul .speciallic{
	background-image: url(../images/024.png);
}
.special .specialul .speciallid{
	background-image: url(../images/025.png);
}
.special .specialul .specialli{
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-origin: border-box;
	display: inline-block; width:262.5px; height:262.5px;
	border-color: rgba(0,0,0,0);
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-ms-transition: 0.35s ease;
	transition: 0.35s ease;
	border:131px solid rgba(255,255,255, 0);
	cursor:pointer;
}
.special .specialul .speciallia:hover{
border:0px solid rgba(254,172,90, 0.6);
box-shadow: 0 20px 30px rgba(0,0,0,0.15), 0 17px 17px rgba(0,0,0,0.25);
}
.special .specialul .speciallib:hover{
border:0px solid rgba(87,182,213, 0.6);
box-shadow: 0 20px 30px rgba(0,0,0,0.15), 0 17px 17px rgba(0,0,0,0.25);
}
.special .specialul .speciallic:hover{
border:0px solid rgba(252,111,85, 0.6);
box-shadow: 0 20px 30px rgba(0,0,0,0.15), 0 17px 17px rgba(0,0,0,0.25);
}
.special .specialul .speciallid:hover{
border:0px solid rgba(217,197,121, 0.6);
box-shadow: 0 20px 30px rgba(0,0,0,0.15), 0 17px 17px rgba(0,0,0,0.25);
}





.programmew{
width:100%;
height:1150px;
}
.programmew .tle{
width:1200px;
margin:auto;
padding-top:80px;
padding-bottom:20px;
color:#67A8D4;
font-size:30px;
font-weight:500;
text-align:center;
cursor:pointer;
transition:0.3s;
}
.programmew .tle:hover{
color:rgba(255,176,0, 1);
}













.bottomw{
width:100%;
background:rgba(0,153,255, 0.3);
background: -webkit-linear-gradient(to top,  rgba(0,153,255,  0.3) , rgba(106,138,168, 0));
background: linear-gradient(to top,  rgba(0,153,255,  0.3) , rgba(106,138,168, 0));
}
.bottom{
width:1200px;
margin:auto;
padding-bottom:10px;
}
.telephonex{
text-align:center;
color:#FFB000;
font-size:20px;
padding-top:20px;
border-bottom:1px rgba(0,0,0, 0.15) solid;
width:1200px;
padding-bottom:20px;
}
.navful{
}
.navful .navfli{
float:left;
}
.navful .navfli ul li{
}
.navful .navflic{
margin-left:70px;
}
.navful .navfli .navflia{
font-size:18px;
margin-bottom:20px;
margin-top:40px;
color:rgba(0,0,0, 0.3);
}
.navful .navfli .navflia img{
margin-top:-0px;
margin-left:10px;
height:25px;
}
.navful .navfli .navflib{
font-size:14px;
margin-top:11px;
color:rgba(0,0,0, 0.6);
}
.navful .navfli li{
cursor:pointer;
transition:0.1s; 
}
.navful .navfli li:hover{
color:#FFB000;
}
.navful .navflid{
float:right;
}
.navful .navflid form .formlif{
float:right;
margin-left:15px;
margin-top:25px;
}
.navful .navflid .tleword{
margin-top:40px;
color:rgba(0,0,0, 0.3);
font-size:18px;
margin-left:14px;
}
.navful .navflid .tleword img{
margin-top:-18px;
margin-left:10px;
}
.navful .navflid form .formlif input,.navful .navflid form .formli textarea,.navful .navflid form .formli button{
font-family:Microsoft YaHei;
padding:10px;
border-radius:5px;
}
.navful .navflid form .formlif input{
font-size:14px;
background:rgba(0,101,168, 0.3);
color:rgba(0,0,0, 0.6);
width:183px;
}
.navful .navflid form .formli textarea{
font-size:14px;
background:rgba(0,101,168, 0.3);
color:rgba(0,0,0, 0.6);
float:right;
margin-top:15px;
}
.navful .navflid form .formli button{
font-size:16px;
background:rgba(0,101,168, 0.5);
float:right;
color:#fff;
margin-top:15px;
width:422px;
cursor:pointer;
box-shadow: 0 5px 10px rgba(0,0,0,0.15), 0 6px 6px rgba(0,0,0,0.25);
transition:0.3s; 
}
.navful .navflid form .formli button:hover{
box-shadow: 0 2px 3px rgba(0,0,0,0.15), 0 2px 2px rgba(0,0,0,0.25);
background:rgba(0,93,156, 0.8);
color:#FFB000;
}