/* ------------------------------------------------------ */
/* - 标签重置
/* ------------------------------------------------------ */
html{ width:100%; height:100%; overflow:auto; }
body{ width:100%; height:100%; margin:0; font:12px Garamonds,Tahoma,'微软雅黑'; background:url(images/background.jpg) no-repeat; background-size:100% auto; }


/* ------------------------------------------------------ */
/* - common
/* ------------------------------------------------------ */
.amn{ transition:all ease-out .3s 0s; -moz-transition:all ease-out .3s 0s; -webkit-transition:all ease-out .3s 0s; -o-transition:all ease-out .3s 0s; }
.amns{ transition:all ease-out .5s 0s; -moz-transition:all ease-out .5s 0s; -webkit-transition:all ease-out .5s 0s; -o-transition:all ease-out .5s 0s; }


/* ------------------------------------------------------ */
/* - partial
/* ------------------------------------------------------ */
.partial-navi{ padding:10px 10px 40px 0; border-right:3px solid #949187; }
.partial-navi a{ height:38px; margin:1px 0 0 10px; padding:0 20px 0 0; line-height:38px; display:block; text-decoration:none; color:#949187; font-size:14px; font-weight:bold; text-align:right; position:relative; overflow:hidden; }
.partial-navi a i{ width:70px; height:50px; position:absolute; left:0; bottom:-50px; display:block; }
.partial-navi a:hover{ height:70px; background:#A9905A; color:#FFF; }
.partial-navi a:hover i{ bottom:0; animation:partial-navi-icon 1s; -webkit-animation:partial-navi-icon 1s; opacity:1; }
.partial-navi a.on{ height:70px; background:#A9905A; color:#FFF; }
.partial-navi a.on i{ bottom:0; }
.partial-navi a.about i{ background:url(images/style.png) -10px -90px; }
.partial-navi a.index i{ background:url(images/style.png) -88px -90px; }
.partial-navi a.contact i{ background:url(images/style.png) -168px -90px; }
.partial-navi a.product i{ background:url(images/style.png) -251px -91px; }

@keyframes partial-navi-icon{ 0%{ bottom:-50px; opacity:0.2; } 100%{ bottom:0; opacity:1; } }
@-webkit-keyframes partial-navi-icon{ 0%{ bottom:-50px; opacity:0.2; } 100%{ bottom:0; opacity:1; } }

.partial-foot{ padding:10px 0; overflow:hidden; }
.partial-foot .logo{ width:210px; float:left; }
.partial-foot .logo a{ width:80px; height:80px; margin:0 auto; display:block; background:url(images/style.png) -360px 0 no-repeat; }
.partial-foot .logo a i{ width:80px; height:80px; display:block; background:url(images/style.png) -360px 0 no-repeat; }
.partial-foot .logo a:hover i{ animation:partial-foot-logo 1s infinite; -webkit-animation:partial-foot-logo 1s infinite; opacity:0; }
.partial-foot .content{ margin:3px 0 0 210px; line-height:175%; color:#999; font-size:14px; }
.partial-foot .content a{ color:#999; text-decoration:none; }
.partial-foot .content a:hover{ color:#333; text-decoration:underline; }

@keyframes partial-foot-logo{ 0%{ transform:scale(1,1); opacity:0.75; } 75%{ transform:scale(1.75,1.75); } 100%{ transform:scale(1.75,1.75); } }
@-webkit-keyframes partial-foot-logo{ 0%{ -webkit-transform:scale(1,1); opacity:0.75; } 75%{ -webkit-transform:scale(1.75,1.75); } 100%{ -webkit-transform:scale(1.75,1.75); } }


/* ------------------------------------------------------ */
/* - head
/* ------------------------------------------------------ */
.head-div{ height:75px; background:#000; }
.head-div .body{ width:1000px; height:100%; margin:0 auto; }
.head-div .body .head-logo{ width:360px; height:100%; float:left; }
.head-div .body .head-logo a{ width:100%; height:100%; display:block; background:url(images/style.png) 0 -2px no-repeat; }
.head-div .body .head-logo a i{ width:89px; height:100%; display:block; background:url(images/style.png) 0 -2px no-repeat; opacity:0; }
.head-div .body .head-logo a:hover i{ animation:head-logo 1s infinite; -webkit-animation:head-logo 1s infinite; opacity:0; }

.head-div .body .head-languages{ height:100%; float:right; line-height:75px; color:#999; }
.head-div .body .head-languages a{ color:#999; text-decoration:none; }
.head-div .body .head-languages a:hover{ color:#FFF; text-decoration:underline; }

@keyframes head-logo{ 0%{ transform:scale(1,1); opacity:0.75; } 75%{ transform:scale(1.75,1.75); } 100%{ transform:scale(1.75,1.75); } }
@-webkit-keyframes head-logo{ 0%{ -webkit-transform:scale(1,1); opacity:0.75; } 75%{ -webkit-transform:scale(1.75,1.75); } 100%{ -webkit-transform:scale(1.75,1.75); } }


/* ------------------------------------------------------ */
/* - body
/* ------------------------------------------------------ */
.body-div{ width:1000px; margin:0 auto; border:1px solid #CCC; border-radius:0 0 4px 4px; background:url(images/body.jpg) 0 0 no-repeat #FFF; }


/* ------------------------------------------------------ */
/* - page
/* ------------------------------------------------------ */
.page-div{ width:100%; }
.page-div .page-body{ width:100%; margin:25px 0 0 0; overflow:hidden; }
.page-div .page-body .page-lft{ width:220px; float:left; }
.page-div .page-body .page-rht{ margin:0 0 0 240px; position:relative; }
.page-div .page-body .page-rht .title{ padding:5px 0 15px; color:#666; font-size:16px; font-weight:bold; }
.page-div .page-body .page-rht .path{ position:absolute; top:8px; right:18px; color:#999; }
.page-div .page-body .page-rht .path a{ color:#999; text-decoration:none; }
.page-div .page-body .page-rht .path a:hover{ color:#333; text-decoration:underline; }
.page-div .page-body .page-rht .content{ margin:0 25px 0 0; font-size:14px; color:#666; line-height:150%; }
.page-div .page-body .page-rht .content img{ max-width:100%; }
.page-div .page-body .page-rht .pager{ margin:0 25px 0 0; padding:10px 0; text-align:right; }
.page-div .page-body .page-rht .pager a{ width:30px; height:28px; display:inline-block; line-height:28px; border-radius:4px; overflow:hidden; text-align:center; font-size:14px; color:#DDD; background:#F9F9F9; text-decoration:none; vertical-align:middle; overflow:hidden; }
.page-div .page-body .page-rht .pager a:hover{ color:#FFF; background:#A9905A; }
.page-div .page-body .page-rht .pager a.numon{ font-weight:bold; color:#FFF; background:#A9905A; }
.page-div .page-body .page-rht .pager a.numon:hover{ color:#FFF; background:#A9905A; }
.page-div .page-body .page-rht .pager a.prev:hover{ animation:page-pager-prev 1s; -webkit-animation:page-pager-prev 1s; }
.page-div .page-body .page-rht .pager a.next:hover{ animation:page-pager-next 1s; -webkit-animation:page-pager-next 1s; }

.page-div .page-foot{ margin:25px 25px 0; padding:5px 0; border-top:1px solid #DDD; }

@keyframes page-pager-prev{ 0%{ text-indent:100px; } 50%{ text-indent:-12px; } 100%{ text-indent:0; } }
@-webkit-keyframes page-pager-prev{ 0%{ text-indent:100px; } 50%{ text-indent:-12px; } 100%{ text-indent:0; } }

@keyframes page-pager-next{ 0%{ text-indent:-100px; } 50%{ text-indent:12px; } 100%{ text-indent:0; } }
@-webkit-keyframes page-pager-next{ 0%{ text-indent:-100px; } 50%{ text-indent:12px; } 100%{ text-indent:0; } }


/* ------------------------------------------------------ */
/* - about
/* ------------------------------------------------------ */
.about-div .page-rht .content .lft{ width:355px; float:left; }
.about-div .page-rht .content .lft img{ animation:about-content-img 1s; -webkit-animation:about-content-img 1s; }
.about-div .page-rht .content .rht{ width:355px; margin:0 0 0 375px; }
.about-div .page-rht .content .rht img{ animation:about-content-img 1.5s; -webkit-animation:about-content-img 1.5s; }

@keyframes about-content-img{ 0%{ transform:scale(1,-1); opacity:0; } 100%{ transform:scale(1,1); opacity:1; } }
@-webkit-keyframes about-content-img{ 0%{ -webkit-transform:scale(1,-1); opacity:0; } 100%{ -webkit-transform:scale(1,1); opacity:1; } }


/* ------------------------------------------------------ */
/* - product
/* ------------------------------------------------------ */
.product-div .product-list .content{ overflow:hidden; zoom:1; }
.product-div .product-list .content ul{ margin:0; padding:0; list-style:none; }
.product-div .product-list .content ul li{ width:225px; height:200px; margin:0 15px 10px 0; float:left; background:#FFF; }
.product-div .product-list .content ul li a{ display:block; }
.product-div .product-list .content ul li a.img{ width:225px; height:136px; position:relative; }
.product-div .product-list .content ul li a.img img{ width:200px; height:136px; margin:0 12px; border:0; position:absolute; top:0; left:0; }
.product-div .product-list .content ul li a.img:hover img.effect{ animation:product-img 1s; -webkit-animation:product-img 1s; opacity:0; }

.product-div .product-list .content ul li a.txt{ margin:10px 0 0 0; text-indent:10px; font-size:14px; text-decoration:none; color:#666; }
.product-div .product-list .content ul li a.txt span{ display:block; color:#CCC; font-size:12px; }

@keyframes product-img{ 0%{ transform:scale(1,1); opacity:0.75; } 75%{ transform:scale(1.75,1.75); } 100%{ transform:scale(1.75,1.75); } }
@-webkit-keyframes product-img{ 0%{ -webkit-transform:scale(1,1); opacity:0.75; } 75%{ -webkit-transform:scale(1.75,1.75); } 100%{ -webkit-transform:scale(1.75,1.75); } }


/* ------------------------------------------------------ */
/* - contact
/* ------------------------------------------------------ */
.contact-div .page-rht .content .map{ width:100%; height:350px; }
.contact-div .page-rht .content .map .anchorBL{ display:none; }