/* CSS 基础 */
html, body {
font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
margin:0;
padding: 0;
text-decoration: none;
background-color:#fff;
font-size:16px;
color:#555555;
}
ul li {list-style-type:none}
* {
margin:0;
padding:0;
}
a {
color:#555555;
text-decoration: none;
cursor:pointer;
}
h1 {
color: #713d10;
font-size:2.0em;
font-weight: bold;
padding: 0 0.8em;
text-align: center;
line-height:100%;
margin:0.5em 0 ;
}
h2 {
color: #555;
font-size:30px;
font-weight: bold;
line-height:100%;
padding:0 20px;
margin: 20px 0 0px 0 ;
line-height:150%;
text-align:left;
font-family:DINEngschrift;
}
h3 {
font-size:16px;
color:#000000;
padding:10px 0;
}
h4 { text-align:center; padding:10px 0;}
p {
color: #55555;
line-height: 200%;
padding:10px 20px;
font-size:16px;
}
b{ color:#c81428;}
.clearfloat { clear:both; height:0px;}
/*首页css========*/
.page{ width:1000px; margin:0 auto;}
.top{ width:100%; background-size: 100%; background:url(bg1.jpg) center -796px repeat; height:90px; position:relative; z-index: 99999;}
.footA{ width:100%; background-size: 100%; background:url(bg1.jpg) center -796px repeat; height:260px; position:relative; z-index: 99999; padding-top:20px;}
.footA p{text-align:left; color:#f0aeb3; padding-top:30px; padding:0; font-size:12px;}
.top a{ color:#ffd6dd;}
.footA a.strong { font-size:16px; font-weight:bold; }
.footA a:hover{ color:#ffffff;}
.footA a{ font-size:14px; line-height:200%;}
.footnav { padding-top:40px; width:700px; margin-left:154px; float:left;}
p.btt{font-size:40px; font-weight: bold; font-family:DINEngschrift; color:#FFFFFF; text-align:center; padding-top:90px;}
.box { width:100%;}
.cover { background-size: cover;}
.head{width:1100px; margin:0 auto; height:90px; position:relative;}
.yuyan { width:109px; height:22px; background:#c81428; border-radius: 0 0 6px 6px; position:absolute; right:20px; top:0; font-size:10px; padding-left:25px; line-height:20px; color:#FFFFFF;}
.yuyan a { color:#ffccd2;}
.yuyan a:hover { color: #ffffff;}
.logo { margin:20px 0 0px 10px;; float:left;}
.nav { width:auto; float:right; margin-top:25px; height:65px;}
.nav ul li { font-size:13px; float:left; width:auto; margin:0 5px; text-align:center; line-height:75px; position:relative; }
.nav ul li b{font-size:12px; position:absolute; left:50%; margin-left:-65px; top:20px; width:130px; }
.sy a{ color:#ffffff;}
.footer { width:100%; background-size: 100%; background:url(bg1.jpg) center -974px repeat; padding:20px 0; margin-top:0px;}
.footer p{text-align:center; color:#f0aeb3; padding-top:30px; padding:0; font-size:12px;}
.footnav ul li{ float:left; padding-right:30px;}
.more1 { width:100px; height:32px; line-height:32px; padding:5px 30px 5px 20px; background: #c81428 url(Next.png) no-repeat right center; color:#FFFFFF; display:block;}
.more2 { width:95px; height:32px; line-height:32px; padding:5px 30px 5px 20px; background: url(Next.png) no-repeat right center; color:#FFFFFF; display:block; font-size:12px; margin:0;}
.index_box a:hover{ background:#ed1a33 url(Next.png) no-repeat right center; color:#FFFFFF; }
.Brand_dh{ margin-top:20px; height:60px; border-bottom:2px solid #CCCCCC;}
.Brand_dh ul li{ float:left; padding:10px 10px; }
.Brand_dh ul li a { background:#FFFFFF; border:1px solid #CCCCCC; padding:10px 30px; }
.Brand_dh ul li.ovvv a { background:#c09f6f; border:1px solid #c09f6f; padding:10px 30px; color:#FFFFFF }
.Brand_dh ul li a:hover{background:#c90915; border:1px solid #c90915; padding:10px 30px; color:#FFFFFF}
.bannerright{float:left; margin-left:10px; position:relative;}
.bannerright_text {position: absolute; left:0px; bottom:10px; margin:0; padding:0; color:#FFFFFF; font-size:24px;}
.bannerright h2 { font-size:24px; color:#FFFFFF;}
/*弹出页面css========*/
.Page_left{ width:755px; float:left; margin-bottom:50px;}
.Page_right{ width:220px; float:right; padding-top:20px;}
.Page_right ul li a{ width:200px; height:62px; line-height:62px; text-align:left; border-bottom:1px solid #CCCCCC; display:block; padding:0 5px; font-size:14px;}
a:hover { color: #c81428;}
.bg { background:url(bg.jpg) repeat-x; width:100% }
.pic { margin-top:30px;}
.pic img{ width:100%; }
/*about css========*/
.aboutVision_box{ width:295px; height:309px; background: rgba(255,255,255,0.8); border-radius:12px; float:left; }
.Industrial1_box{ width:200px; height:309px; background: #ffffff; border-radius:12px; float:left; margin:10px;}
.Industrial1_box p{ text-align:center;}
/*Industrial css========*/
.Semi-automatic { width:600px; margin:0 auto;}
.Semi-automatic p{ position:relative; padding-left:30px; font-weight:bold;}
/*下方淡入========*/
.DH{
-webkit-animation:fadeInUp 1s .2s ease both;
-moz-animation:fadeInUp 1s .2s ease both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
/*右边淡入========*/
.YB{
-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;}
.YB2{
-webkit-animation:fadeInRight 1s 1.2s ease both;
-moz-animation:fadeInRight 1s 1.2s ease both;}
.YB3{
-webkit-animation:fadeInRight 1s 2.2s ease both;
-moz-animation:fadeInRight 1s 1.2s ease both;}
.d1{
-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;}
.d2{
-webkit-animation:fadeInRight 1s .4s ease both;
-moz-animation:fadeInRight 1s .4s ease both;}
.d3{
-webkit-animation:fadeInRight 1s .6s ease both;
-moz-animation:fadeInRight 1s .6s ease both;}
.d4{
-webkit-animation:fadeInRight 1s .8s ease both;
-moz-animation:fadeInRight 1s .8s ease both;}
.d5{
-webkit-animation:fadeInRight 1s 1s ease both;
-moz-animation:fadeInRight 1s 1s ease both;}
.d6{
-webkit-animation:fadeInRight 1s 1.2s ease both;
-moz-animation:fadeInRight 1s 1.2s ease both;}
.d7{
-webkit-animation:fadeInRight 1s 1.4s ease both;
-moz-animation:fadeInRight 1s 1.4s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
/*弹入========*/
#animation{
-webkit-animation:bounceIn 1s .2s ease both;
-moz-animation:bounceIn 1s .2s ease both;}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(1.03)}
}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
100%{-moz-transform:scale(1.05)}
}
}