/************************Notice background path*********************************************/
html,body{-webkit-text-size-adjust:none;}
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#ffb22d;}
a,p{margin:0; padding:0;}
ol,ul,li{margin:0; padding:0; list-style:none;}
img {border:0;}
.clear{ zoom:1;}
.clear:after{ content:""; display:block; overflow:hidden; clear:both;}

#scrollUp {
  bottom: 20px;
  right: 10px;
  height: 42px;
  width: 42px;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 36px;
  color: white;
  text-align: center;
  border-radius: 10px;
  text-decoration: none;
  -webkit-transition: -webkit-transform opacity 0.2s ease-out;
  -moz-transition: -moz-transform opacity 0.2s ease-out;
  -o-transition: -o-transform opacity 0.2s ease-out;
  transition: transform opacity 0.2s ease-out;
}
#scrollUp .icon {
  vertical-align: middle;
  display: table;
  width: 29px;
  height: 28px;
  background: url(scroll.png);
  margin: 7px auto;
}
#scrollUp:hover { background-color: rgba(0, 0, 0, 0.75);}

.box{width:1200px; margin:0 auto; position:relative; z-index:0; background:#fff;}
.box a:link,.box a:visited{text-decoration:none;}
.box a:hover{text-decoration:underline;}

.flash{ width:1200px; background:url(topbg.jpg) center center no-repeat; height:561px; margin:0 auto; position:relative; overflow:hidden;}
.flash .nav{background:url(navbg.png) repeat; position:absolute; left:68px; top:0; z-index:9; width:310px; height:530px;box-shadow: -8px 8px 12px 0px #ffcd43; -moz-box-shadow: -8px 8px 12px 0px #ffcd43; -ms-box-shadow: -8px 8px 12px 0px #ffcd43; -o-box-shadow: -8px 8px 12px 0px #ffcd43; -webkit-box-shadow: -8px 8px 12px 0px #ffcd43;}
.flash .nav ul{ margin-left:53px;}
.flash .nav ul li{ margin-top:52px;}
.flash .nav ul li a{ color:#0068b7; font-size:20px; display:block;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;}
.flash .nav ul li:hover a,.flash .nav ul li.on a{ padding-left:29px; background:url(hover.png) left 2px no-repeat; text-decoration:none; color:#ff751a;}

.flash .txt{ position:absolute; left:430px; top:43px;}
.flash .pro1{ position:absolute; left:408px; bottom:15px;border:3px solid  transparent;}
.flash .pro2{ position:absolute; left:820px; top:0;border:3px solid  transparent;}
.flash .pro3{ position:absolute; right:100px; bottom:-10px;border:3px solid  transparent;}
.flash .pro4{ position:absolute; right:-25px; top:163px;border:3px solid  transparent;}

.flash .suo img{-o-transition:all .6s; -ms-transition:all .6s; -webkit-transition:all .6s; transition:all .6s; -moz-transition:all .6s; overflow:hidden;}
.flash .suo{ border:3px solid  transparent;}
.flash .suo:hover{ border:3px solid #fff;}
.flash .suo:hover img{-webkit-transform:scale(0.8,0.8);
	-moz-transform:scale(0.8,0.8);
	-ms-transform:scale(0.8,0.8);
	-o-transform:scale(0.8,0.8);
	transform:scale(0.8,0.8);}
.flash .a{ width:401px; height:401px; border-radius:100%;}


.flash .c{ width:306px; height:306px; border-radius:100%;}
.flash .d{ width:184px; height:184px; border-radius:100%;}

.section{ width:1200px; margin:0 auto; background:#fff2d7;}

.section .floor{ width:1200px; margin:0 auto; text-align:center; background:#fff2d7; padding:43px 0;}
.section .floor h1{ font-family:"itcavantgardestd-demi"; letter-spacing:2px; margin:0; font-size:42px; color:#0068b7; font-weight:bold;}
.section .floor p{ font-family:"Arial"; font-size:17px; line-height:24px; color:#535353; letter-spacing:1px;}

.section .floor1{ width:1200px; margin:0 auto; text-align:center; background:#fff;}
.section .floor1 ul{ text-align:center;}
.section .floor1 ul li{ width:600px;float: left;}
.section .floor1 .but{ margin:25px auto; padding:23px 25px; background:#fff; font-size:25px; color:#ff751a; font-family:"Trebuchet MS"; letter-spacing:1px; border:2px solid #ff751a;transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;display: inline-block; text-decoration:none;}
.section .floor1 .but:hover{ background:#fff100; border-color:#fff100;}


.footer{ width:1200px; margin:0 auto; background:#ff751a; padding:66px 0;color:#fff;    letter-spacing: 1px;}
.footer a{ color:#fff;}
.footer .main{ width:1035px; margin:0 auto;}
.footer h1{ font-size:28px; border-bottom:1px dashed #fff; line-height:50px; height:50px; width:100%;}
.footer ul li{ float:left; margin-right:60px; font-size:18px;}
.footer ul li h2{ font-size:19px; margin: 0; font-family:"Arial"; font-weight:bold; margin-bottom:23px;}