/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0; padding:0;}
html{-webkit-text-size-adjust:none;}
body{ font:12px/2em Microsoft Yahei,tahoma,HELVETICA; text-align:center; background-color:#666666}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:none; vertical-align:top}
i,em{font-style:normal;}
input,select,option,textarea{font-size:12px;}
a{text-decoration:none;} a:hover{text-decoration:underline;}

/* function */
noscript,.spanclass,.pannel,.hidden{display:none;}
.show,.block{display:block;}
.mark,.fl,.mark-sub,.fr{display:inline;}
.mark,.fl{float:left;} .mark-sub,.fr{float:right;}
.fs-14{font-size:14px;} .fs-16{font-size:16px;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.clearfix{*zoom:1} .clearfix:after{content:"\20"; clear:both; height:0; display:block; overflow:hidden;}


img{vertical-align:top;border: none;}
.inner{width:1120px;margin:0 auto;}
body{font-family:Microsoft YaHei;}
.wraper{position: relative;}
a:hover{text-decoration: none;}




/*banner±³¾°Í¼*/
.banner{height: 420px;position: relative;}
.banner .b_inner{height: 420px;position: relative;z-index: 100;width:1350px;margin:0 auto;}
.bannerpics{position: absolute;left: 0px;top: 0px;}
.bannerpics ul{background: #000;height: 419px;}
.bannerpics li{height: 419px;overflow: hidden;position: absolute;left:0;top: 0;}
.bannerpics li div{height: 419px;width:100%;}
.bannerpics .pdiv1{opacity: 0;}
.bannerpics .pdiv2{opacity: 0;}
.bannerpics li .pdiv1{-webkit-backface-visibility:hidden;-webkit-animation:imageAnimationA 30s linear normal 0s;-moz-animation:imageAnimationA 30s linear normal 0s;-o-animation:imageAnimationA 30s linear normal 0s;animation:imageAnimationA 30s linear normal 0s;}
.bannerpics li .pdiv2{-webkit-backface-visibility:hidden;-webkit-animation:imageAnimation 30s linear infinite 0s;-moz-animation:imageAnimation 30s linear infinite 0s;-o-animation:imageAnimation 30s linear infinite 0s;animation:imageAnimation 30s linear infinite 0s;}
/*.pgb{height: 25px;width: 100%;background: url(images/banpbg.png) no-repeat center top;position: absolute;left: 0px;top: 418px;z-index: 10;}*/
.ceslogo{height: 311px;width: 100%;background: url(../images/ces.png) no-repeat center top;position: absolute;left: 0px;top: 0px;z-index: 20;}
.bannerpics li:nth-child(1) div{-moz-animation-delay:0s;-webkit-animation-delay:0s;animation-delay:0s;}
.bannerpics li:nth-child(2) div{-moz-animation-delay:8s;-webkit-animation-delay:8s;animation-delay:8s;}
.bannerpics li:nth-child(3) div{-moz-animation-delay:18s;-webkit-animation-delay:18s;animation-delay:18s;}
.bannerpics li:nth-child(4) div{-moz-animation-delay:28s;-webkit-animation-delay:28s;animation-delay:28s;}
/*banner±³¾°Í¼ END*/






@-webkit-keyframes imageAnimation{
0%{opacity:0;-webkit-animation-timing-function:ease-in}
9%{opacity:1;-webkit-transform:scale(1.05);-webkit-animation-timing-function:ease-out}
20%{opacity:1;-webkit-transform:scale(1.1)}
40%{opacity:0;-webkit-transform:scale(1.1)}
100%{opacity:0}}
@-moz-keyframes imageAnimation{
0%{opacity:0;-moz-animation-timing-function:ease-in}
9%{opacity:1;-moz-transform:scale(1.05);-moz-animation-timing-function:ease-out}
20%{opacity:1;-moz-transform:scale(1.1)}
40%{opacity:0;-moz-transform:scale(1.1)}
100%{opacity:0}}
@-o-keyframes imageAnimation{
0%{opacity:0;-o-animation-timing-function:ease-in}
9%{opacity:1;-o-transform:scale(1.05);-o-animation-timing-function:ease-out}
20%{opacity:1;-o-transform:scale(1.1)}
40%{opacity:0;-o-transform:scale(1.1)}
100%{opacity:0}}
@-ms-keyframes imageAnimation{
0%{opacity:0;-ms-animation-timing-function:ease-in}
9%{opacity:1;-ms-transform:scale(1.05);-ms-animation-timing-function:ease-out}
20%{opacity:1;-ms-transform:scale(1.1)}
40%{opacity:0;-ms-transform:scale(1.1)}
100%{opacity:0}}
@keyframes imageAnimation{
0%{opacity:0;animation-timing-function:ease-in}
9%{opacity:1;transform:scale(1.05);animation-timing-function:ease-out}
20%{opacity:1;transform:scale(1.1)}
40%{opacity:0;transform:scale(1.1)}
100%{opacity:0}}

@-webkit-keyframes imageAnimationA{
0%{opacity:1;-webkit-animation-timing-function:ease-in}
9%{opacity:1;-webkit-transform:scale(1.0);-webkit-animation-timing-function:ease-out}
16%{opacity:.7;-webkit-transform:scale(1.02)}
34%{opacity:0;-webkit-transform:scale(1.02)}
100%{opacity:0}}
@-moz-keyframes imageAnimationA{
0%{opacity:1;-moz-animation-timing-function:ease-in}
9%{opacity:1;-moz-transform:scale(1.0);-moz-animation-timing-function:ease-out}
16%{opacity:.7;-moz-transform:scale(1.02)}
34%{opacity:0;-moz-transform:scale(1.02)}
100%{opacity:0}}
@-o-keyframes imageAnimationA{
0%{opacity:1;-o-animation-timing-function:ease-in}
9%{opacity:1;-o-transform:scale(1.0);-o-animation-timing-function:ease-out}
16%{opacity:.7;-o-transform:scale(1.02)}
34%{opacity:0;-o-transform:scale(1.02)}
100%{opacity:0}}
@-ms-keyframes imageAnimationA{
0%{opacity:1;-ms-animation-timing-function:ease-in}
9%{opacity:1;-ms-transform:scale(1.0);-ms-animation-timing-function:ease-out}
16%{opacity:.7;-ms-transform:scale(1.02)}
34%{opacity:0;-ms-transform:scale(1.02)}
100%{opacity:0}}
@keyframes imageAnimationA{
0%{opacity:1;animation-timing-function:ease-in}
9%{opacity:1;transform:scale(1.0);animation-timing-function:ease-out}
16%{opacity:.7;transform:scale(1.02)}
34%{opacity:0;transform:scale(1.02)}
100%{opacity:0}}














/* footer */
body .g-footer{background: #fff;border-top: 1px solid #e6e6e6;}
body .g-footer .gft-links,
body .g-footer .gft-links a{ color:#000;}

body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a{ color:#000;} 
p { text-align:left;}