/* CSS 基础 */
html, body {
	font-family:CENTURYGOTHIC, Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif;
	margin:0;
	padding: 0;
	text-decoration: none;
	background-color:#fff;
	font-size:14px;
	color:#555555;
	background:url(bg1.jpg) repeat-x 50px 220px;
	
}
@font-face{
	font-family:CENTURYGOTHIC;
	src:url('CENTURYGOTHIC.TTF')

}
ul li {list-style-type:none}
* {
	margin:0;
	padding:0;
}
a {
	color:#555555;
	text-decoration: none;
}

h1 {
	color: #713d10;
	font-size:2.0em;
	font-weight: bold;
	padding: 0 0.8em;
	text-align: center;
	line-height:100%;
	margin:0.8em 0 ;
}
h2 {
	color: #946033;
	font-size:18px;
	font-weight: bold;
	line-height:100%;
	padding:0 20px;
	margin: 20px 0 10px 0 ;
	line-height:150%;
	text-align:left;
	font-family:CENTURYGOTHIC;
}

h3 {
	font-size:16px;
	color:#713d10;
	border-bottom:#d5c9ba solid 1px;
	padding:10px 0;
}
h4 { text-align:center; padding:10px 0;} 
p {
color: #55555;
    line-height: 200%;
	padding:0px 20px;
	font-size:16px;
text-align: justify;
}
b{ color:#c81428;}
.clearfloat { clear:both; height:0px;}
/*内页css========*/
.contentbox {width:850px; margin:-180px auto 50px; position:relative;  background:#FFFFFF; border-radius:15px; padding:30px; box-shadow: 0 10px 50px 5px rgba(0, 0, 0, .1)}
.Ntu { padding:10px 20px ;}
.cp{ padding:5px; float:left; }

/*首页css========*/
.page{ width:1000px; margin:0 auto;}
.top{ width:100%; background:#946033; height:90px;}
.head{width:1000px; margin:0 auto; height:90px; position:relative;}
.yuyan { width:109px; height:22px; background:#68470a; 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:#FFFFFF;}
.logo { margin:20px 0 0 15px; float:left;}
.nav { width:auto; float:right; margin-top:25px; height:65px;}
.nav ul li { font-size:13px; float:left; width:auto; margin:0 0px; 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; }

.nav a{ color:#e1c294;}
.nav ul li.sy a { color:#FFFFFF;}
.more1 { width:72px; height:32px; line-height:32px; padding:5px 30px 5px 20px; background: #c09f6f url(Next.png) no-repeat right center; color:#FFFFFF; display:block;}
.more2 { width:61px; 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:18px;}

 a:hover {    color: #c09f6f;}
 .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: #243442; border-radius:12px; float:left;}
 .foot{ width:100%; margin-top:30px; background: #713d10 ; height:85px; padding:20px 0;  }
 .foot p{ text-align:center; color: #c0afa6; font-size:14px;}
 
 .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:510px; margin:0 auto; padding-left:50px;}
  .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, .logo{
-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)}
}