﻿html,body {padding:0px; margin:0px;}
body {font-size:14px;}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {padding:0px; margin:0px; line-height:25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both;}

.space-0 {width:100%; height:0px; clear:both;}
.space-5 {width:100%; height:5px; clear:both;}
.space-10 {width:100%; height:10px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}

.radius3 {-moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

.ease03 {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.ease06 {-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
.ease09 {-webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;}
.ease12 {-webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease;}
.ease15 {-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease;}
.ease20 {-webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease;}

.behavior {-ms-behavior: url(/content/public/backgroundsize.min.htc); behavior: url(/content/public/backgroundsize.min.htc);}

input::-webkit-input-placeholder {color:#777;}
textarea::-webkit-input-placeholder {color:#777;}

/* link color */

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* code */

.code {height:auto; overflow:hidden;}
.code img {width:100%; display:block;}

/* header */

.header {width:100%; background:#00aeaa; position:fixed; top:0px; left:0px; z-index:99;}
.header .logo {display:block;}
.header .logo img {display:block;}

.header .navbox .language {height:30px; line-height:30px; color:#00aeaa; font-size:16px; padding:0px 20px; display:block; background:#fff; box-shadow:1px 3px 5px rgba(0, 0, 0, 0.7);}

.navMobile { padding: 0px 0px 10px; margin-top: 86px; display: block; }
.navMobile dd { position: relative; width: 100%; }
.navMobile p {height:auto; overflow:hidden; border-bottom:#595757 solid 1px;}
.navMobile p a {height:50px; line-height:50px; color:#595757; font-size:16px; font-weight:bold; display:block; position:relative;}
.navMobile p a.has i {width:24px; height:24px; display:block; position:absolute; right:0px; top:50%; margin-top:-12px; background:url(../132/subnav.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.navMobile p a:hover {color:#00aeaa;}
.navMobile p a.cur {color:#00aeaa;}
.navMobile p a.has.cur i {background:url(../132/subnav_cur.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

.navMobile .msubnav {height:auto; overflow:hidden; padding:15px 0px 5px; display:none;}
.navMobile .msubnav a {line-height:32px; color:#595757; font-size:16px; display:block;}
.navMobile .msubnav a:hover {color:#00aeaa; text-decoration:underline;}

#menu-holder { position: fixed; right:-240px; top: 0px; width:240px; padding: 0px 35px; height: 100%; overflow-x: hidden; overflow-y: auto; background:#fff; color: #fff; z-index: 100; -webkit-overflow-scrolling: touch; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
#bg-menu { background-color: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99; display: none; }
.open #menu-holder { right:0px; }

.footer {background:#00aeaa;}
.footer .footnav {height:auto; overflow:hidden;}
.footer .copyright {height:auto; overflow:hidden;}
.footer .copyright span {line-height:22px; color:#e4e4e4;}
.footer .copyright a {line-height:22px; color:#dbdbdb;}
.footer .copyright a:hover {color:#f8f8f8;}

.footer .footnav a {line-height:22px; color:#dbdbdb; display:block; margin-right:20px; float:left;}
.footer .footnav a:hover {color:#f8f8f8;}

.footer .ticker {height:70px; overflow:hidden; white-space:nowrap; background:#f7f8f8; padding:20px 0px;}
.footer .ticker a img {height:30px; margin:0px 10px;}

.bodytext .single .title {height:auto; overflow:hidden; font-weight:bold;}
.bodytext .single .title .b1 {line-height:30px; color:#00aeaa; font-size:16px; float:left;}
.bodytext .single .title .b2 {line-height:24px; color:#00aeaa; font-size:14px; font-family:Arial; text-transform:capitalize; padding-top:4px; float:left;}
.bodytext .single .title .line {width:2px; height:10px; background:#00aeaa; margin:11px 10px 0px; float:left;}

.bodytext .single .title .a1 {line-height:24px; color:#00aeaa; font-size:16px; letter-spacing:5px;}
.bodytext .single .title .a2 {line-height:24px; color:#00aeaa; font-size:12px; letter-spacing:5px;}
.bodytext .single .title .a3 {line-height:24px; color:#000; font-size:14px;}

.bodytext .single .content {height:auto; overflow:hidden; padding-right:10px;}
.bodytext .single .content::-webkit-scrollbar {width:2px; height:2px; background-color:#f1f1f1;}
.bodytext .single .content::-webkit-scrollbar-track {width:2px; height:2px; background-color:#c1c1c1;}
.bodytext .single .content::-webkit-scrollbar-thumb {width:2px; height:2px; background-color:#333;}
.bodytext .single .content.imglist img {max-width:100%;}

.fine {height:auto; overflow:hidden;}
.fine a {height:auto; overflow:hidden; display:block;}
.fine a .btnns {width:120px; height:30px; line-height:30px; color:#fff; font-size:12px; text-align:center; background:#888; position:relative;}
.fine a .btnns:before {width:20px; height:20px; content:""; position:absolute; top:50%; right:5px; margin-top:-10px; background:url(../132/next.png) no-repeat right center; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; background-size:100% 100%;}
.fine a .btnns:hover {background:#00aeaa;}

.vertical-inner {height:auto; overflow:hidden; color:#828282;}
.vertical-inner .list {height:auto; overflow:hidden; position:relative; padding:10px 0px;}
.vertical-inner .list .icon {width:30px; height:30px; overflow:hidden; position:relative; float:left;}
.vertical-inner .list .icon i {width:30px; height:30px; display:block; position:absolute; top:0px; left:0px;}
.vertical-inner .list .icon i.i1 {background:url(../132/contact/icon1.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.vertical-inner .list .icon i.i1.d {left:30px; background:url(../132/contact/icon1-h.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.vertical-inner .list .icon i.i2 {background:url(../132/contact/icon2.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.vertical-inner .list .icon i.i2.d {left:30px; background:url(../132/contact/icon2-h.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.vertical-inner .list .icon i.i3 {background:url(../132/contact/icon3.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.vertical-inner .list .icon i.i3.d {left:30px; background:url(../132/contact/icon3-h.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.vertical-inner .list .icon i.i4 {background:url(../132/contact/icon4.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.vertical-inner .list .icon i.i4.d {left:30px; background:url(../132/contact/icon4-h.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.vertical-inner .list .icon i.i5 {background:url(../132/contact/icon5.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.vertical-inner .list .icon i.i5.d {left:30px; background:url(../132/contact/icon5-h.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.vertical-inner .list p {line-height:22px; color:#333; font-size:14px; padding-left:15px; display:block; cursor:pointer; float:left;}

.vertical-inner .list:hover p {color:#00aeaa;}
.vertical-inner .list:hover i.i1 {left:-30px;}
.vertical-inner .list:hover i.i1.d {left:0px;}
.vertical-inner .list:hover i.i2 {left:-30px;}
.vertical-inner .list:hover i.i2.d {left:0px;}
.vertical-inner .list:hover i.i3 {left:-30px;}
.vertical-inner .list:hover i.i3.d {left:0px;}
.vertical-inner .list:hover i.i4 {left:-30px;}
.vertical-inner .list:hover i.i4.d {left:0px;}
.vertical-inner .list:hover i.i5 {left:-30px;}
.vertical-inner .list:hover i.i5.d {left:0px;}

.pages .lis {height:auto; overflow:hidden; line-height:22px; padding-left:32px; padding-bottom:5px; position:relative;}
.pages .lis .num {width:32px; position:absolute; top:0px; left:0px;}

.newslist {height:auto; overflow:hidden;}
.newslist .item {height:auto; overflow:hidden; border-bottom:#ccc solid 1px; padding-bottom:10px;}
.newslist .item .title {height:auto; overflow:hidden; line-height:24px; padding:10px 0px;}
.newslist .item .title a {color:#000; font-size:16px;}
.newslist .item .intro {height:auto; overflow:hidden; line-height:24px; color:#777; font-size:12px;}
.newslist .item .btns {height:auto; overflow:hidden; padding:10px 0px 0px;}
.newslist .item .btns a {width:100px; line-height:24px; color:#898989; font-size:12px; text-align:center; padding:0px 10px; border:#808080 solid 1px; display:block;}
.newslist .item .date {height:auto; overflow:hidden; line-height:30px; color:#898989; padding:10px 0px 0px;}
.newslist .item .btns a:hover {color:#fff; border:#00aeaa solid 1px; background:#00aeaa;}

.newslist .line {height:auto; overflow:hidden; padding:10px 0px 15px;}
.newslist .line s {height:1px; background:#e5e5e5; display:block;}

.news-title {height:auto; overflow:hidden; line-height:24px; color:#000; font-size:18px; padding:10px 0px;}
.news-data {height:auto; overflow:hidden; line-height:20px; color:#898989; }

.news-content {height:auto; overflow:hidden; padding:10px 0px 0px;}
.news-content img {max-width:100%;}

.banner {position:relative;}
.banner img {width:100%; display:block;}

.banner .banner-pagination-index {width:100%; height:20px; text-align:center; bottom:10px; position:absolute; left:0px; z-index:99;}
.banner .banner-pagination-index .banner-pagination {height:20px; padding:5px 20px; display:inline-block;}
.banner .banner-pagination-index .swiper-pagination-bullet {width:10px; height:10px; background:#fff; opacity:0.7; margin:0px 3px; float:left; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.banner .banner-pagination-index .swiper-pagination-bullet-active {background:#00aeaa; opacity:1;}

.home .body {width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:1;}

.home .bodytext {position:fixed; z-index:99;}

#contact_form .listss {height:auto; overflow:hidden; padding-bottom:10px; position:relative;}
#contact_form .listss .span {line-height:30px; color:#000; padding-bottom:5px;}
#contact_form .listss .input {width:100%; height:36px; color:#00aeaa; padding:0 15px; border:#00aeaa solid 1px; outline:none; background:none; display:block;}
#contact_form .listss .textarea {width:100%; color:#00aeaa; padding:10px 15px; border:#00aeaa solid 1px; outline:none; background:none; display:block;}
#contact_form .btnSubmits {width:150px; line-height:30px; color:#00aeaa; font-size:16px; text-align:center; display:block; margin-top:15px; padding:5px 0px; border:#00aeaa solid 1px; background:none; outline:none;}
#contact_form .btnSubmits:hover {border:#00aeaa solid 1px; background:#00aeaa; color:#fff;}

#contact_form .Validform_checktip {width:20px; height:16px; display:block; font-size:0px; position:absolute; top:45px; right:5px;}
#contact_form .Validform_checktip.Validform_wrong {background:url(../132/valid_icons.png) no-repeat -20px -40px; color:#f00;}
#contact_form .Validform_checktip.Validform_right {background:url(../132/valid_icons.png) no-repeat -40px -20px;}

.msgsbg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:9999;}
.msgs {width:270px; height:200px; background:#fafafa; border:#e6e6e6 solid 1px; box-shadow:0 0 10px rgba(0,0,0,0.4); position:fixed; top:50%; left:50%; margin-left:-120px; margin-top:-130px; z-index:9999;}
.msgs .msgimg {height:70px; margin-top:15px; background:url(../132/msgimg.png) no-repeat center center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.msgs p {line-height:35px; text-align:center; color:#c30f12; font-size:18px; font-weight:bold; display:block;}
.msgs span {line-height:22px; text-align:center; color:#333; display:block;}

@media (max-width: 999px) {

.pages {padding-top:50px; padding-bottom:100px;}

.footer {width:100%; position:fixed; bottom:0px; left:0px; z-index:99;}
.footer .copyright span,.footer .copyright a {font-size:12px;}
.footer .copyright span.none {display:none;}

.hide-mobile {display:none;}

.header {height:50px; padding-left:10px; padding-right:60px;}
.header .logo {height:50px; padding:5px 0px;}
.header .logo img {height:40px;}

.header .navbox .li {display:none;}

.header .navbox .language {height:24px; line-height:24px; font-size:14px;position:fixed; top:13px; right:50px;}

.menu-handler {width: 24px; height: 50px; cursor: pointer; position: fixed; right: 10px; top: 0px; z-index: 102;}
.menu-handler .burger {width: 24px; height: 2px; background: #fff; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px;}
.menu-handler .burger-2 {top: 24px;}
.menu-handler .burger-3 {top: 32px;}
.menu-handler.active .burger {background:#555;}

.menu-handler.active .burger-1 {top: 36px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 {filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 {top: 36px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.trans, .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }

.footer .copyright {padding:8px 0px 8px 10px;}
.footer .copyright span {float:left;}
.footer .copyright span,.footer .copyright a {display:block;}

.footer .ticker {height:40px; padding:10px 0px;}
.footer .ticker a img {height:20px;}

.other .bodytext {height:auto; overflow:hidden; padding:15px 0px;}
.other .bodytext .single {height:auto; overflow:hidden; padding:0px 10px;}
.other .bodytext .single .space-20 {height:5px;}
.other .bodytext .single .content {height:auto; overflow:hidden;}

.banner .banner-pagination-index {bottom:0px;}

.home .bodyline {width:360px; height:360px; position:fixed; top:50%; left:0px; z-index:1; margin-top:-245px; margin-left:-250px; background:url(../132/bodyline.png) no-repeat right center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}

.home .bodytext {width:100%; height:70px; padding:10px 10px; background:rgba(255, 255, 255, 0.7); bottom:100px;}
.home .bodytext .a1 {height:45px; float:left;}
.home .bodytext .a1 img {height:45px; display:block; margin-top:5px;}
.home .bodytext .a2 {height:45px; float:left;}
.home .bodytext .a2 img {height:45px; display:block; margin-top:5px;}

.bodytext {font-size:12px}
.bodytext p {line-height:20px;}

.homebtn {width:360px; height:360px; padding-top:65px; position:fixed; left:0px; top:50%; z-index:2; margin-top:-245px; margin-left:-240px;}
.homebtn a {width:50px; height:50px; display:block; margin-top:10px; float:right;}
.homebtn a span {display:none;}
.homebtn a.btn2 {margin-right:5px; background:url(../132/btn2.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.homebtn a.btn3 {margin-right:-12px; background:url(../132/btn3.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.homebtn a.btn4 {margin-right:-12px; background:url(../132/btn4.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.homebtn a.btn5 {margin-right:15px; background:url(../132/btn5.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

.home .footer {width:100%; position:fixed; bottom:0px; left:0px; z-index:99;}

#QICHEN {width:100%; height:240px;}

.mimg {width:100%; display:block;}

}

@media (max-width: 479px) {

.footer .copyright span,.footer .copyright a {font-size:12px;}
.footer .copyright span.none {display:none;}

.banner .banner-pagination-index .swiper-pagination-bullet {width:8px; height:8px;}

.bodytext p .m {display:none;}

#QICHEN {width:100%; height:150px;}

}

@media (min-width: 768px) and (max-width: 999px)  {

.pages {padding-top:50px; padding-bottom:124px;}

.footer .copyright {padding:20px 0px 20px 20px;}
.footer .footnav {padding:0px 0px 20px 20px;}

.bodytext {padding:0px 20px;}

.home .bodycolor {left:0px;}
.home .bodytext {left:0px; height:150px; margin-top:-90px;}

.home .bodyline {width:540px; height:540px;  margin-top:-325px; margin-left:-350px;}

.home .bodytext {height:90px;}
.home .bodytext .a1 {height:70px;}
.home .bodytext .a1 img {height:70px;}
.home .bodytext .a2 {height:70px;}
.home .bodytext .a2 img {height:70px;}

.homebtn {width:540px; height:540px; padding-top:30px; position:fixed; left:0px; top:50%; z-index:2; margin-top:-245px; margin-left:-325px;}
.homebtn a {width:80px; height:80px; display:block; margin-top:10px; float:right;}
.homebtn a span {display:none;}
.homebtn a.btn2 {margin-right:5px; background:url(../132/btn2.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.homebtn a.btn3 {margin-right:-12px; background:url(../132/btn3.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.homebtn a.btn4 {margin-right:5px; background:url(../132/btn4.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.homebtn a.btn5 {margin-right:35px; background:url(../132/btn5.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

.about .bodycolor {background:url(../132/about.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.mould .bodycolor {background:url(../132/mould.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.lithium .bodycolor {background:url(../132/lithium.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.automate .bodycolor {background:url(../132/automate.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.stamping .bodycolor {background:url(../132/stamping.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.news .bodycolor {background:url(../132/news.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.contact .bodycolor {background:url(../132/contact.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}

.other .bodytext {height:auto; overflow:hidden; padding:15px 0px;}
.other .bodytext .single {height:auto; overflow:hidden; padding:0px 10px;}
.other .bodytext .single .space-20 {height:5px;}
.other .bodytext .single .content {height:auto; overflow:hidden;}

}

@media (min-width: 1000px) {
	
.pages {padding-top:80px; padding-bottom:132px;}

.bodytext{top:50%;}
.click{display: none;}

.header {height:80px; padding:0px 20px; background:#00aeaa;}
.header .logo {height:80px; padding:10px 0px; float:left;}
.header .logo img {height:60px;}

.header .navbox {height:80px; padding-top:25px; float:right;}
.header .navbox .li {height:50px; position:relative; margin-left:10px; position:relative; float:left;}
.header .navbox .li p {height:50px; padding:0px 0px 10px;}
.header .navbox .li p a {height:30px; line-height:30px; color:#f3f3f3; font-size:16px; padding:0px 20px; display:block;}
.header .navbox .li .ul {width:80px; height:auto; overflow:hidden; background:#fff; box-shadow:1px 3px 5px rgba(0, 0, 0, 0.5); position:absolute; top:35px; left:50%; margin-left:-40px; display:none;}
.header .navbox .li .ul a {line-height:32px; color:#555; font-size:14px; text-align:center; display:block; border-bottom:#c3c3c3 solid 1px;}
.header .navbox .li .ul a:hover,.header .navbox .li .ul a.hover {color:#00aeaa;}

.header .navbox .li p a.hover {color:#00aeaa; background:#fff; box-shadow:1px 3px 5px rgba(0, 0, 0, 0.7);}

.header .navbox .li:hover p a {color:#00aeaa; background:#fff; box-shadow:1px 3px 5px rgba(0, 0, 0, 0.7);}
.header .navbox .li:hover .ul {display:block;}

.header .navbox .language { float:left;}

.footer {width:100%; position:fixed; bottom:0px; left:0px; z-index:99;}
.footer .copyright {padding:20px 0px 20px 20px; float:left;}
.footer .footnav {padding:20px 0px; float:right;}

.body {width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:1;}

.bodytext {position:fixed;  z-index:99;}

.bodycolor {width:550px; height:100%; position:fixed; right:0px; top:0px; z-index:1;}
.bodytext {width:500px; line-height:30px; font-size:18px; padding:0px 20px;}
.bodytext p {line-height:22px;}

.home .bodycolor {left:0px; background:url(../132/home.png) no-repeat right center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.home .bodycolor {width:960px; height:960px; top:50%; margin-left:-360px; margin-top:-496px;}
.home .bodycolor {animation-duration:18s; -webkit-animation-duration:18s; -moz-animation-duration:18s; -ms-animation-duration:18s; animation-fill-mode:both; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both;}

.home .bodytext {left:0px; height:240px; margin-top:-130px;}

.home .bodyline {width:1000px; height:1000px; position:fixed; top:50%; left:0px; z-index:1; margin-top:-530px; margin-left:-360px; background:url(../132/bodyline.png) no-repeat right center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}

.about .bodycolor {background:url(../132/about.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.mould .bodycolor {background:url(../132/mould.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.lithium .bodycolor {background:url(../132/lithium.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.automate .bodycolor {background:url(../132/automate.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.stamping .bodycolor {background:url(../132/stamping.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.news .bodycolor {background:url(../132/news.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}
.contact .bodycolor {background:url(../132/contact.png) no-repeat left center; background-size:auto 100%; -webkit-background-size:auto 100%; -moz-background-size:auto 100%; -ms-background-size:auto 100%;}

.other .bodycolor {width:620px;}
.other .bodytext {width:360px; height:360px; margin-top:-200px; right:0px;}
.other .bodytext .single {width:320px; height:360px;}
.other .bodytext .single .content {width:320px; height:300px; padding-right:20px; overflow-y:auto;}

.bodytext .single .title .b1 {line-height:40px; font-size:24px;}
.bodytext .single .title .b2 {line-height:30px; font-size:18px; padding-top:10px;}
.home .bodytext .single .title .b2 {padding-top:8px;}
.bodytext .single .title .line {height:18px; margin:14px 10px 0px;}

.banner img {display:none;}
.banner .banner-pagination-index {bottom:150px;}
.banner .banner-pagination-index .banner-pagination {display:block;}

.homebtn {width:1000px; height:440px; position:fixed; left:0px; top:50%; z-index:2; margin-top:-240px; margin-left:-360px;}
.homebtn a {width:80px; height:80px; display:block; margin-top:30px; float:right;}
.homebtn a span {display:none;}
.homebtn a.btn2 {margin-right:-12px; background:url(../132/btn2.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.homebtn a.btn3 {margin-right:-28px; background:url(../132/btn3.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.homebtn a.btn4 {margin-right:-28px; background:url(../132/btn4.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.homebtn a.btn5 {margin-right:5px; background:url(../132/btn5.png) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

.newslist .item .intro {font-size:14px;}

.mapbox {width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1;}

.bodytext .single .title .a1 {line-height:50px; font-size:36px; letter-spacing:15px; font-weight:bold;}
.bodytext .single .title .a2 {line-height:30px; font-size:16px; letter-spacing:5px;}
.bodytext .single .title .a3 {line-height:36px; font-size:14px;}

.mimg {display:none;}

}

@media (min-width: 1260px) {

.other .bodycolor {width:660px;}
.other .bodytext {width:400px;}
.other .bodytext .single {width:360px;}
.other .bodytext .single .content {width:360px;}

}

@media (min-width: 1600px) {

.other .bodycolor {width:750px;}
.other .bodytext {width:450px; height:480px; margin-top:-260px;}
.other .bodytext .single {width:410px; height:480px;}
.other .bodytext .single .content {width:410px; height:420px;}

}

.en { text-transform: capitalize;}

.icos_arrow2 {
    -webkit-animation: icos_arrow 1.5s ease infinite; 
	-moz-animation: icos_arrow 1.5s ease infinite;
	-o-animation: icos_arrow 1.5s ease infinite;
	animation: icos_arrow 1.5s ease-in infinite;
}
.icos_arrow3 {
	 -webkit-animation: icos_arrow 2s ease infinite; 
	-moz-animation: icos_arrow 2s ease infinite;
	-o-animation: icos_arrow 2s ease infinite;
	animation: icos_arrow 2s ease infinite;
}
.icos_arrow4 {
	 -webkit-animation: icos_arrow 2.5s ease infinite; 
	-moz-animation: icos_arrow 2.5s ease infinite;
	-o-animation: icos_arrow 2.5s ease infinite;
	animation: icos_arrow 2.5s ease infinite;
}
.icos_arrow5 {
	 -webkit-animation: icos_arrow 1.5s ease infinite; 
	-moz-animation: icos_arrow 1.5s ease infinite;
	-o-animation: icos_arrow 1.5s ease infinite;
	animation: icos_arrow 1.5s ease infinite;
}
@-webkit-keyframes icos_arrow {

25% {-webkit-transform: translateY(10px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(-10px);}

}
@-moz-keyframes icos_arrow {

25% {-webkit-transform: translateY(10px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(-10px);}

}
@-ms-keyframes icos_arrow {

25% {-webkit-transform: translateY(10px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(-10px);}

}
@keyframes icos_arrow {

25% {-webkit-transform: translateY(10px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(-10px);}

}
